JavaScript
发布时间：2022-04-16 发布网站：大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript中CheckBox全选终极方案，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
在我们的程序开发中经常会要用到checkBox的全选，通常情况下是在一些数据绑定控件中如Gridview等
下面以Repeater为例，在Repeater的header 和item中放入checkBox控件 。
:repeater ID="rptGroup" runat="server">
checkbox" name="chkSELEct" value='<%# Eval("ID") %>'
onclick="checkAll('chkAll',this);"/>
下面就是js脚本了
checkAll方法是实现checkBox的全选和取消全选的。
checkAll(chkAllID,thisObj)
{
var chkAll = document.getElementById(chkAllID
);
var chks = document.getElementsByTagName("input"
);
var chkNo = 0;
var
SELEctNo = 0;
for (var i = 0; i < chk
s.length; i++)
{
if (chks[i].type == "
checkbox")
{
//全选触发事件
if (chkAll == thisObj)
{
chks[i].
checked = thisObj.
checked;
}
//非全选触发
else
{
if (chks[i].
checked && chks[i].id
!= chkAllID)
SELEctNo++;
}
if (chks[i].id
!= chkAllID)
{
chkNo++;
}
}
}
if (chkAll
!= thisObj)
{
chkAl
l.checked = chkNo ==
SELEctNo;
}
}
checkSELEctNo 函数是用来获取 所有checkbox 选中的个数 这个在用来判断 是否有勾选时非常有用。
check
SELEctNo(chkAllID)
{
var chks = document.getElementsByTagName("input"
);
var
SELEctNo = 0;
for (var i = 0; i < chk
s.length; i++)
{
if (chks[i].type == "
checkbox")
{
if (chks[i].id
!= chkAllID && chks[i].
checked)
{
SELEctNo++;
}
}
}
return
SELEctNo;
}
以上所述就是本文的全部内容了，希望大家能够喜欢。
大佬总结
以上是大佬教程为你收集整理的javascript中CheckBox全选终极方案全部内容，希望文章能够帮你解决javascript中CheckBox全选终极方案所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
