服务器之家

服务器之家 > 正文

GridView中checkbox"全选/取消"完美兼容IE和Firefox

时间:2019-11-19 13:47     来源/作者:asp.net教程网

代码如下:


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);" /> theTable.rows[i].cells[j].getElementsByTagName('input')[0];千万不能用firstChild,否则FF下会出错。

标签:

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
配置IIS网站web服务器的安全策略配置解决方案
配置IIS网站web服务器的安全策略配置解决方案 2019-05-23
Nginx服务器究竟是怎么执行PHP项目
Nginx服务器究竟是怎么执行PHP项目 2019-05-24
运维必须知道的关于云服务器的十个问题
运维必须知道的关于云服务器的十个问题 2019-05-24
返回顶部