html中全选 反选,全选反选功能

[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 次下载]