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();

}

}

[代码运行效果截图]

[源代码打包下载]

全选反选.rar(50积分)[0 次下载]