服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

服务器之家 - 编程语言 - ASP.NET教程 - GridView中checkbox"全选/取消"完美兼容IE和Firefox

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

2019-11-19 13:47asp.net教程网 ASP.NET教程

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

延伸 · 阅读

精彩推荐