[html]代码库
全选与反选// --列头全选框被单击---
function ChkAllClick(sonName, cbAllId){
var arrSon = document.getElementsByName(sonName);
var cbAll = document.getElementById(cbAllId);
var tempState=cbAll.checked;
for(i=0;i
if(arrSon[i].checked!=tempState)
arrSon[i].checked=tempState;
}
}
// --子项复选框被单击---
function ChkSonClick(sonName, cbAllId) {
var arrSon = document.getElementsByName(sonName);
var cbAll = document.getElementById(cbAllId);
for(var i=0; i
if(arrSon[i].checked!=true) {
cbAll.checked = false;
return;
}
}
cbAll.checked = true;
}
// --反选被单击---
function ChkOppClick(sonName){
var arrSon = document.getElementsByName(sonName);
for(i=0;i
arrSon[i].click();
}
}
全选 | 复选框全选示例 | ||
1 | 作用: | ||
2 | a.单击列头复选框全选或全不选子项 | ||
3 | b.只要有一个子项没有选中,则取消列头的选中状态 | ||
4 | c.当所有子项目选中时,列头复选框自动置为选中状态 | ||
5 | |||
6 | |||
7 | |||
8 | |||
9 | |||
10 | d.将复选框反过来选 | ||
反选 | 反选示例 |
[代码运行效果截图]
[源代码打包下载]
全选反选.rar(50积分)[0 次下载]