checkbox全选全不选

最新推荐文章于 2022-01-21 11:20:47 发布

Ren_cy

最新推荐文章于 2022-01-21 11:20:47 发布

阅读量166

点赞数

CC 4.0 BY-SA版权

分类专栏： js.jsp

本文链接：https://blog.csdn.net/qq_41981122/article/details/103352651

js.jsp 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个用于网页的全选与全不选功能的JavaScript实现方法，通过遍历DOM元素并设置复选框状态，实现了对页面中所有复选框的统一控制。该方法还包含了按钮禁用状态的更新逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 全选全不选
function allChecked() {
    var checkBoxList = document.getElementsByClassName('checkboxClass');
    var checkedCount = 0;
    if ($("#allChecked").is(":checked")) {
        for (var i = 0; i < checkBoxList.length; i++) {
            checkBoxList[i].checked = true;
            checkedCount++;
        }
        setButtonDisabled(checkedCount);
        return;
    }
    for (var i = 0; i < checkBoxList.length; i++) {
        checkBoxList[i].checked = false;
    }
    setButtonDisabled(0);
}