在我们的程序开发中经常会要用到CheckBox的全选,通常情况下是在一些数据绑定控件中如Gridview等
下面以Repeater为例,在Repeater的header 和item中放入CheckBox控件 。
rush:csharp;">
下面就是js脚本了
checkAll方法是实现CheckBox的全选和取消全选的。
rush:js;">
function checkAll(chkAllID,thisObj) {
var chkAll = document.getElementById(chkAllID);
var chks = document.getElementsByTagName("input");
var chkNo = 0;
var selectNo = 0;
for (var i = 0; i < chks.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) {
chkAll.checked = chkNo == selectNo;
}
}
checkSelectNo 函数是用来获取 所有checkBox 选中的个数 这个在用来判断 是否有勾选时非常有用。
rush:js;">
function checkSelectNo(chkAllID) {
var chks = document.getElementsByTagName("input");
var selectNo = 0;
for (var i = 0; i < chks.length; i++) {
if (chks[i].type == "checkBox") {
if (chks[i].id != chkAllID && chks[i].checked) {
selectNo++;
}
}
}
return selectNo;
}
以上所述就是本文的全部内容了,希望大家能够喜欢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。