gridview中checkbox的全选与全不选

1.html:

 1   <asp:GridView runat="server" ID="gvAddBySR" AutoGenerateColumns="False" HorizontalAlign="Left"
 2             Width="100%" EmptyDataText="<%$ Resources:GlobalResource,  NoData%>">
 3             <Columns>
 4                 <asp:TemplateField HeaderStyle-Width="7%">
 5                     <HeaderTemplate>
 6                         <input id="CheckAll" type="checkbox" onclick="selectAll(this);" />
 7                     </HeaderTemplate>
 8                     <ItemTemplate>
 9                         <asp:CheckBox runat="server" ID="ck" class="ck" onclick="getCk(this);"/>
10                     </ItemTemplate>
11                 </asp:TemplateField>

2.js

 1  function selectAll(obj) {
 2          var idAll = obj;
 3          Ced = idAll.checked;
 4          UCed = idAll.form.elements;
 5          var c = UCed.length;
 6          for (i = 0; i < UCed.length; i++) {
 7              if (UCed[i].type == "checkbox" && UCed[i] != idAll.id) {
 8                  if (UCed[i].checked != Ced) {
 9                      UCed[i].click();
10                  }
11              }
12          }
13      }
时间: 2024-10-05 18:22:41

gridview中checkbox的全选与全不选的相关文章

实现CheckBox的三种选中状态(全选、半选、不选)在GridView中模拟树形的功能

度娘了很多帖子,只说三种状态要用图片替换来做,但没找到有用的例子,被逼自己写了一个 三方控件肯定是很多的,如jstree,可以直接用 由于公司的UDS限制,不能上传图片,只能文字说明了. 就是要在gridview中实现如下效果:一级.二级因为三级没有全部选中而显示半选状态 ?一级    ?二级       三级1        三级2 js↓ $(function(){ BindCheckNode(); $("span[name^='lblCheck']").click(checkBo

GridView中实现全选与取消全选,以便同时删除多条数据

我们项目后台操作中不可避免的会有同时删除多项的操作,本文实现的就是当点击全选时,选定当前页中所有项,当取消了某一项的选定,则“全选”CheckBox的checked也为false:然后在后台中取到所选定的项的ID,实现同时删除多项的功能. 前台代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 <%@ Page Language="

GridView中实现全选

不要走jS控gridview中的checkbox的弯路了 1. 页面 在onclick事件中 "传自己" 代码如下: <asp:TemplateField HeaderText="全选"> <HeaderTemplate> <input type="checkbox" id="CheckBox1" name="CheckBox1" onclick="GetAllChe

关于列表中checkbox选中,全选/反选设置

关于列表中checkbox选中,全选设置 1 <html> 2 <head> 3 <script type="text/javascript"> 4 //点击行时,checkbox处理方法 5 function doclick(id){ 6 var allche = document.getElementById("allid");//全选checkbox 7 var che = document.getElementsByNam

实现前端table中checkbox全选功能,并将选中的数据发送到后端

一.需求 1. 点击这个checkbox按钮,会选中下面所用checkbox,当然在选中的情况下点击,会将下面所有选中的checkbox取消: 2. 当下面使用submit的提交按钮时,会将所有checkbox选中的数据提交给后端: 二.实现 1.实现全选checkbox功能 技术分析:其实这里可以使用js活着jquery两种方式,我暂时使用的是js中的dom实现的,具体代码如下: <!DOCTYPE html> <html> <head> <title>实

jquery中checkbox全选失效的解决方法

这篇文章主要介绍了jquery中checkbox全选失效的解决方法,需要的朋友可以参考下 如果你使用jQuery 1.6 ,代码if ( $(elem).attr(“checked”) ),将获得一个属性(attribute) ,它不改变该复选框被选中和选中.它只是用来存储默认或选中属性的初始值.为了保持向后兼容,.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外,还会更新 property 属性,因此 boolean attribute(布尔属性)不需要通过 .prop(

关于在repeater中的checkbox实行多选和全选

今天项目中用到这一块,是一个b2b商城,业务是别人给客户留言后,客户从会员中心的留言管理中查看,用checkbox实行多选和全选后进行批量审核 首先在checkbox后加个hidden,作用见代码: string getuserid = ""; for (int i = 0; i < Repeater1.Items.Count; i++) { CheckBox cb = (CheckBox)Repeater1.Items[i].FindControl("ckBoxly&

jQuery实现的checkbox复选框全选和全不选效果

jQuery实现的checkbox复选框全选和全不选效果:复选框的全选和全不选效果在代码中非常的常用,尤其在批量处理的需求中更是如此,下面就通过一个代码实例简单介绍一下如何实现此效果,希望能够对需要的朋友有所帮助,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http:

checkbox复选框全选批量删除

多选框全选实现批量删除 html代码 <body> <form action="" method="post" name="FormName" onsubmit="return checkbox();"> <table > <tr ><td><input type="checkbox" name="checkboxes[]"