let checkAll = document.querySelector(".checkboxAll input")
let checkCont = document.querySelectorAll(".checkboxCont input[type='checkbox']")
let mathAll = document.querySelector(".mathAll span")
checkAll.addEventListener('click', function() {
for (let i = 0; i < checkCont.length; i++) {
checkCont[i].checked = checkAll.checked
}
})
for (let i = 0; i < checkCont.length; i++) {
checkCont[i].addEventListener('click', function() {
// let mathAllspan=this.parentNode.children
// debugger
for (let j = 0; j < checkCont.length; j++) {
if (checkCont[j].checked === false) {
checkAll.checked = false
return
}
}
checkAll.checked = true
})
}
js全选反选
最新推荐文章于 2023-07-24 17:06:19 发布
这段代码实现了一个复选框全选和反选的功能。当点击全选按钮时,所有子复选框被选中或取消;反之,当任一子复选框被取消选中时,全选按钮也会自动取消选中。
1235

被折叠的 条评论
为什么被折叠?



