【html】复选框全选和批量选择

71 阅读1分钟
function checkAll() {
    // 获取编号前面的复选框
    const checkAllEle = document.getElementById("checkAll");
    // 对编号前面复选框的状态进行判断
    if (checkAllEle.checked === true) {
        // 获取下面所有的复选框
        const checkOnes = document.getElementsByName("batchOperate");
        // 对获取的所有复选框进行遍历
        for (let i = 0; i < checkOnes.length; i++) {
            // 拿到每一个复选框,并将其状态置为选中
            checkOnes[i].checked = true;
        }
    } else {
        // 获取下面所有的复选框
        const checkOnes = document.getElementsByName("batchOperate");
        // 对获取的所有复选框进行遍历
        for (let i = 0; i < checkOnes.length; i++) {
            // 拿到每一个复选框,并将其状态置为未选中
            checkOnes[i].checked = false;
        }
    }
}