html复选框全选按钮代码,全选复选框JavaScript编写小结（附代码）

var oChkAll = document.getElementById("checkAll");

//全选

oChkAll.onclick = function() {

for(var i = 0; i < oFav.length; i++) {

oFav[i].checked = this.checked;

}

}

//复选框组

for(var i = 0; i < oFav.length; i++) {

oFav[i].onclick = function() {

//如果全选

if(isChkAll()) {

oChkAll.checked = true;

} else {

oChkAll.checked = false;

}

}

}

//判断是否全选

function isChkAll() {

var all = oFav.length;

var chk = 0;

for(var i = 0; i < oFav.length; i++) {

if(oFav[i].checked) {

chk++;

}

}

if(all == chk) {

return true;

} else {

return false;

}

}

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持!