这篇文章主要介绍了全选”复选框javascript编写,分别附上html和js代码以供大家更深刻了解,具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。
对于全选框的操作分为两种情况：
1.单击全选框，下面全部选中
2.单击下面的复选框，全部点击上，全选框被选中，否则全选框没有选中。
html样式
立即学习“Java免费学习笔记（深入）”；
爱 好
js样式
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;
}
}上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
