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

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

 
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="&lt;input id='Checkbox1' type='checkbox' onclick='selectAll(this)' /&gt;序号"> 
<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下会出错。