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

前端技术 2023/09/01 .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);\" title=\'<%#Convert.ToString(Eval(\"cpdm\")).Trim() %>\' />
</ItemTemplate>
</asp:TemplateField>

theTable.rows[i].cells[j].getElementsByTagName(\'input\')[0];千万不能用firstChild，否则FF下会出错。

本文地址：https://www.stayed.cn/item/1783

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案