javascript 如何更改复选框(全选)后,我取消选中下列复选框之一?

4uqofj5v  于 2023-05-12  发布在  Java
关注(0)|答案(1)|浏览(128)

我刚刚在JS中创建了检查所有脚本,但不知道如何实现检查,如果我所有的复选框仍然选中,如果不是-取消选中我的“全选”复选框。有什么办法吗?
下面是我的代码,纯JS

function toggle() {
    let selector = document.querySelector('.chbx_selector');
    let selection = document.querySelectorAll('.chbx_selection');

    selector.addEventListener('click', () => {
        if (selector.checked === true) {
            selectAll(selection)
        }
        else {
            deselectAll(selection)
        }

    });
}

function selectAll (selection) {
    selection.forEach(chbx => {
        chbx.checked = true;
    });
}

function deselectAll (selection) {
    selection.forEach(chbx => {
        chbx.checked = false;
    });
}

toggle()

我似乎已经耗尽了解决这个问题的精神能力,尽管我仍然在尝试一些事情与eventListener点击类型,希望生病达到预期的结果。任何帮助感激不尽。

w8f9ii69

w8f9ii691#

您可以在非checkall复选框上设置事件侦听器。在此事件中,您可以检查复选框的选中状态,如果未选中,则更新checkall复选框以取消选中它。
这样,当任何其他复选框被取消选中时,您的checkall复选框将保持同步。

相关问题