HTML代码:
<body>
<input type="checkbox" class="selectAll" />
<input type="checkbox" class="Checkbox" />
<input type="checkbox" class="Checkbox" />
<input type="checkbox" class="Checkbox" />
<input type="checkbox" class="Checkbox" />
<input type="checkbox" class="Checkbox" />
</body>
Javas代码:
<script>
var ck = document.querySelectorAll('.Checkbox')
var checkAll = document.querySelector('.selectAll')
checkAll.onclick = function () {
if (checkAll.checked == false) {
for (i = 0; i < ck.length; i++) {
ck[i].checked = false
}
} else {
for (i = 0; i < ck.length; i++) {
ck[i].checked = true
}
}
}
for (let i = 0; i < ck.length; i++) {
ck[i].onclick = () => {
for (let i = 0; i < ck.length; i++) {
if (ck[i].checked == false) {
checkAll.checked = false
break
} else {
checkAll.checked = true
}
}
}
}
</script>