<script>
// 1.获取元素
var j_cbAll = document.getElementById('j_cbAll');
var j_tb = document.getElementById('j_tb').getElementsByTagName('input');
// 2.绑定事件
j_cbAll.onclick = function () {
// this.checked 它可以得到当前复选框的选中状态如果是true 就是选中,如果是false 就是未选中
console.log(this.checked);
for (i = 0; i < j_tb.length; i++) {
j_tb[i].checked = this.checked;
}
}
// 2. 下面复选框需要全部选中, 上面全选才能选中做法: 给下面所有复选框绑定点击事件,每次点击,都要循环查看下面所有的复选框是否有没选中的,如果有一个没选中的, 上面全选就不选中。
for (i = 0; i < j_tb.length; i++) {
//遍历注册事件
j_tb[i].onclick = function () {
var flag = true;
// 每次点击下面的复选框都要循环检查者4个小按钮是否全被选中
for (i = 0; i < j_tb.length; i++) {
// 点击之后 遍历所有复选框,默认点击后为真,!取反后为假,如果假则flag=假。
if (!j_tb[i].checked) {
flag = false;
break;
}
}
j_cbAll.checked = flag;
}
}
</script>