全选案例
变
全选
<div class="lists">
写代码 调bug
写文档
获取用户选择
<script>
// 获取全选复选框
let chkAll = document.querySelector('.chkAll')
// 获取lists里面的所有复选框
let chks = document.querySelectorAll('.lists input')
//打印一下看看有没有获取到元素
// console.log(chkAll, chks);
// 给全选添加单击事件
chkAll.addEventListener('click', function() {
// 获取表单的状态，checked属性的返回值是一个布尔值
let state = chkAll.checked
//打印查看state的值
// console.log(state);
//遍历chks,得到每一个input
for (let i = 0; i < chks.length; i++) {
// 给每一个lists里面的input添加全选的状态
chks[i].checked = state
}
})
