单选款复选款的选择并操作方法

运用场景:
1 当操作多条记录时,可以一次性全部选中或者单选
2 当对选择的数据进行操作时,尤其是在进行删除操作时,及时提示;
注意点:

1 控件的选择位HTML下的控件;
2 当 控件的属性中存在 Runat=server 时; 才可以在.cs 页面中操作,否则不能操作;
例题代码 ★★★★★★★★★★★★cs代码★★★★★★★★★★★★
private MYDataContext _context = new MYDataContext();
protected void Page_Load(object sender, EventArgs e)
{
Fillcar();
}

private void Fillcar()
{
var mimi = _context.Car;
Repeater1.DataSource = mimi;
Repeater1.DataBind();
}

protected void Button1_Click(object sender, EventArgs e)
{
████████ 注意此处的传回主键值得方式:██████████
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
在发送页面(aspx 页面),设置主键值:
<input id="ck<%#Eval("Code") %>" type="checkbox" name="ck"★★ value="<%#Eval("Code") %>"★★ onclick="setCheckAll()" /> </td>
在接受页面: string s = Request["ck"].ToString()
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

// 获取主键值
if (Request["ck"] != null)
{
string s = Request["ck"].ToString();//获取选中项的主键值
string[] keys = s.Split(‘,‘);// 将字符串 用分割符分割;
foreach (string ss in keys)
{
// 删除数据
var mimi = _context.Car.Where(p => p.Code == ss);
if (mimi.Count() > 0)
{
Car data = mimi.First();
_context.Car.DeleteOnSubmit(data);
_context.SubmitChanges();
}
}

// 刷新显示(下面两种刷新方式都可以)
// Fillcar();
Response.Redirect("Default3.aspx");
}
}

★★★★★★★★★★★★aspx 页面代码★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
<script language="javascript">

//场景: 当选中 全选框时 下面每条记录的选框都处于选中状态, 当全选框 取消选中时 下面的每条记录的选框则都取消选择;
function check(ckall)
{
//找所有的每一项左侧的复选框。
var cks = document.getElementsByName("ck");
//遍历每个复选框,把每个复选框的选中状态设置得和chkall一样
for (var i = 0; i < cks.length; i++) {
cks[i].checked = ckall.checked;
}

}

//场景: 当 全选框选中时 下面的每条选框都处于选中状态,当下面的任意一条处于不选中状态时 全选框不处于选中状态
function setCheckAll()
{

//1.找到所有的项的复选框。
var cks = document.getElementsByName("ck");
//2.遍历每个复选框,记录是否被全选了。
var selectedall = true;
for (var i = 0; i < cks.length; i++)
{
selectedall = selectedall && cks[i].checked;
}
//3.根据是否被全选的状态,确定ckall的选中状态
var ckall = document.getElementById("Ckall");
ckall.checked = selectedall;
}
// 场景: 当对选中框执行删除操作时, 做出提示,确定的话执行操作,否则不执行操作;
function delect() {

// 找到所有框的复选框
var cks = document.getElementsByName("ck");
//2.判断是否有选中项
var selecteditem = false;
for (var i = 0; i < cks.length; i++) {
selecteditem = cks[i].checked || selecteditem;
}
//3.根据选中项的情况给出不同的对话框提示
if (selecteditem == false) {
alert("请选择要删除的项");
return false;
}
else {
var del = confirm("确认要删除选中的项吗?");
return del;
}

}
</script>
</head>
<body style="height: 200px">
<form id="form1" runat="server">
<div>

<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<table style="width:100%">
<tr>
<td>
<input id="Ckall" type="checkbox" onclick="check(this)" name="ckall" /> </td>
<td>名字</td>
<td>排量</td>
<td>油耗</td>
</tr>
</HeaderTemplate>

<ItemTemplate>
<tr>
<td>
// id="ck<%#Eval("Code") %>" 这样可以有效避免ID 重复
★★★★★★★★★★ value="<%#Eval("Code") %>" 设置主键值★★★★★★★★★★★★★★★★★★★★★★★★★★★★
<input id="ck<%#Eval("Code") %>" type="checkbox" name="ck" value="<%#Eval("Code") %>" onclick="setCheckAll()" /> </td>
<td><%#Eval("Name") %></td>
<td><%#Eval("Brand") %></td>
<td><%#Eval("Oil") %></td>
</tr>

</ItemTemplate>

<FooterTemplate></table></FooterTemplate>
</asp:Repeater>

时间: 2024-10-11 05:59:56

单选款复选款的选择并操作方法的相关文章

Jquery 利用单个复选款(checkbox)实现全选、反选

1 <script type="text/javascript"> 2 $(function(){ 3 //全选 4 $("#CheckedAll").click(function(){ 5 $('[name=items]:checkbox').attr("checked", this.checked ); 6 }); 7 $('[name=items]:checkbox').click(function(){ 8 //定义一个临时变

用jquery修改默认的单选框radio或者复选框checkbox选择框样式

默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用<input>,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控制切换.然后我自己用jqeury写了一个这样功能的. 先是html代码 性别 <div id="box-6"> <label>性别</label> <a href="#" name="male" id=&qu

pyqt单选,复选等例子学习

# -*- coding: utf-8 -*- # python:2.x __author__ = 'Administrator' from PyQt4.QtGui import * from PyQt4.Qt import * from PyQt4.QtCore import * from check1 import Ui_Dialog from check2 import Ui_Dialog1 from check3 import Ui_Dialog2 import sys QTextCod

关于通过jq /js 实现验证单选框 复选框是否都有被选中

今天项目中遇到一个问题 就是要实现,单选框,复选框 同时都被选中才能进行下一步的问题,开始用js原生来写 怎么写都觉得不合适,通过for循环得出 复选框被选中的,在通过for循环得出单选框被选中的,问题来了 得出来的值 怎么做判断的 ,到现在也没弄明白. 最后果断 用jq来实现,刚开始也是怎么都不行  最后发现clss的值被我写错了 哎 剁手! 好了 下面上jq 实现 验证 单选框 复选框有没有同时被选中: <div class="tab-stpp" id="tab-s

Webfrom 生成流水号 组合查询 Repeater中单选与复选控件的使用 JS实战应用

                                         Default.aspx 网页界面 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.

ExtJS表格——行号、复选框、选择模型

本篇的内容是为表格添加行号,和复选框,最后谈一下Ext的选择模型.内容比较简单,就直接上代码了.一. 设置行号   行号的设置主要问题在于删除某一行后需要重新计算行号  Ext.onReady(function() {         var cm = new Ext.grid.ColumnModel([                     new Ext.grid.RowNumberer(),           --在这里设置行号                    { header:

单选与复选控件JRadioButton与JCheckBox的使用

-----------------siwuxie095 工程名:TestUI 包名:com.siwuxie095.ui 类名:TestTextFieldAndTextArea.java 工程结构目录如下: 单选控件 JRadioButton: 在 Design 中,选择根面板 contentPane,将其布局改为 GroupLayout, 在 contentPane 上添加 3 个 JRadioButton,将其文本(text)分别改为: option1.option2.option3,再分别

Chapter 2. ASP.NET 标准控件(单选、复选、列表、面板、日历)

<h2>单选和单选组控件:</h2><br /> <asp:RadioButton ID="RadioButton1" runat="server" AutoPostBack="True" GroupName="gender" Text="男"/>   <asp:RadioButton ID="RadioButton2" runat=

jquery单选框 复选框表格高亮 选中

单选框: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head&g