我刚刚在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点击类型,希望生病达到预期的结果。任何帮助感激不尽。
1条答案
按热度按时间w8f9ii691#
您可以在非checkall复选框上设置事件侦听器。在此事件中,您可以检查复选框的选中状态,如果未选中,则更新checkall复选框以取消选中它。
这样,当任何其他复选框被取消选中时,您的checkall复选框将保持同步。