GridView中checkbox"全选/取消"完美兼容IE和Firefox
function selectAll(obj)
{
var theTable = obj.parentNode.parentNode.parentNode.parentNode;
var i;
var j = obj.parentNode.cellIndex;
for(i=1;i<theTable.rows.length;i++)
{
if(theTable.rows[i].cells.length<j) continue;
var objCheckBox = theTable.rows[i].cells[j].getElementsByTagName('input')[0];
if(objCheckBox.checked!=null)objCheckBox.checked = obj.checked;
}
}
在Head的checkbox加上onclick="selectAll(this)"就可以,支持任意多列checkbox。
代码如下:
<asp:TemplateField HeaderText="<input id='Checkbox1' type='checkbox' onclick='selectAll(this)' />序号">
<ItemTemplate>
<input id="Checkbox1" type="checkbox" onclick="Get_jdzh(this);" title='<%#Convert.ToString(Eval("cpdm")).Trim() %>' />
</ItemTemplate>
</asp:TemplateField>
theTable.rows[i].cells[j].getElementsByTagName('input')[0];千万不能用firstChild,否则FF下会出错。
相关推荐
-
Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行
Insus.NET对Gridview使用CheckBox单选与全选功能再次进行简单演示,选中的行,使用高亮显示,让用户一目了然看到哪一行被选择了.本例中,使用前端脚本Javascript来实现.还是先看看Insus.NET做出来的效果: Insus.NET原本是从数据库获取数据并绑定至GridView控件的,为了在学asp.net的网友,也能轻易操作,因此这个想法,采用对象存储数据. 首先创建一个对象,[对联]的对象: Couplets.cs 复制代码 代码如下: using System; u
-
GridView中加上CheckBox 的全选功能的代码
首先我們當然是要先做出一個有資料的GridViewGridView做好後,我們在後方新增一個樣板欄位(TemplateField)請在新增的樣板欄位中的HeaderTemplate加入一個CheckBox作為全選用,然後在ItemTemplate也加入一個CheckBox 复制代码 代码如下: <asp:TemplateField> <HeaderTemplate> <
-
asp.net GridView控件中模板列CheckBox全选、反选、取消
复制代码 代码如下: using System; using System.Data; using System.Data.SqlClient; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebC
-
asp.net gridview中用checkbox全选的几种实现的区别
1.ext的grid Ext.grid.CheckboxColumn = function(config){ config.id = config.id || 'ck'; config.columnId = config.id || 'ck'; return Ext.applyIf(config||{},{ init:function(grid){ grid.on('cellclick', this.onCellClick, this); grid.on('headerclick',this.o
-
ASP.NET Gridview与checkbox全选、全不选实现代码
1. 页面 在onclick事件中 "传自己" 复制代码 代码如下: <asp:TemplateField HeaderText="全选"> <HeaderTemplate> <input type="checkbox" id="CheckBox1" name="CheckBox1" onclick="GetAllCheckBox(this)" />
-
gridview checkbox从服务器端和客户端两个方面实现全选和反选
GridView中的checkbox的全选和反选在很多的地方都是要求实现的,所以下面就从服务器端和客户端两个方面实现了checkbox的选择. 1.服务器端: html代码如下: 复制代码 代码如下: <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ID" DataSourceID="Sq
-
GridView中checkbox"全选/取消"完美兼容IE和Firefox
复制代码 代码如下: function selectAll(obj) { var theTable = obj.parentNode.parentNode.parentNode.parentNode; var i; var j = obj.parentNode.cellIndex; for(i=1;i<theTable.rows.length;i++) { if(theTable.rows[i].cells.length<j) continue; var objCheckBox = theTa
-
jquery中checkbox全选失效的解决方法
如果你使用jQuery 1.6 ,代码if ( $(elem).attr("checked") ),将获得一个属性(attribute) ,它不改变该复选框被选中和选中.它只是用来存储默认或选中属性的初始值.为了保持向后兼容,.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外,还会更新 property 属性,因此 boolean attribute(布尔属性)不需要通过 .prop() 来改变其值.推荐使用上述方法之一,来取得 checked 的值. 使用jQu
-
javascript中CheckBox全选终极方案
在我们的程序开发中经常会要用到CheckBox的全选,通常情况下是在一些数据绑定控件中如Gridview等 下面以Repeater为例,在Repeater的header 和item中放入CheckBox控件 . <asp:Repeater ID="rptGroup" runat="server"> <HeaderTemplate> <table width="100%" cellspacing="1&quo
-
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
复制代码 代码如下: <html> <head> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> </head> <body> <input type="checkbox" name="chk_list" id="chk_list_1" valu
-
jQuery checkbox全选/取消全选实现代码
jQuery版本:1.3.2 复制代码 代码如下: <html> <head> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> </head> <body> <input type="checkbox" name="chk_list" id="chk_li
-
JQUERY CHECKBOX全选,取消全选,反选方法三
jquery.checkboxes.zip,然后解压引用到使用插件的页面,这个不用多说了吧!下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来: 复制代码 代码如下: $("#myform").toggleCheckboxes()//全选,取消全选,反选 $("#myform").toggleCheckboxes(":not(#checkbox1)")//全选,取消全选且不选中第一个,反选 $("#myform"
-
JQUERY复选框CHECKBOX全选,取消全选
复制代码 代码如下: <script type="text/javascript"> $(function() { $("#checkall").click(function() { $("input[@name='checkname[]']").each(function() { $(this).attr("checked", true); }); }); $("#delcheckall").
随机推荐
- django中使用jquery ajax post数据出现403错误的解决办法(两种方法)
- javaScript 计算两个日期的天数相差(示例代码)
- Mybatis中自定义TypeHandler处理枚举详解
- 比较详细的javascript对象的property和prototype是什么一种关系
- PHP stream_context_create()函数的使用示例
- 使用Python下的XSLT API进行web开发的简单教程
- 一个简单的Android定时任务
- Android实现渐变色的圆弧虚线效果
- js异常捕获方法介绍
- 浅谈Linux环境下并发编程中C语言fork()函数的使用
- MyBatis如何使用(二)
- jquery ajax提交表单数据的两种实现方法
- 四步破解被“锁住”的注册表
- Android 消息机制问题总结
- 对比C语言中memccpy()函数和memcpy()函数的用法
- js调用webservice构造SOAP进行身份验证
- 基于使用BeginInvoke,EndInvoke异步调用委托的实现代码
- spring-cloud入门之spring-cloud-config(配置中心)
- Elasticsearch QueryBuilder简单查询实现解析
- no-vnc和node.js实现web远程桌面的完整步骤