Wie kann ich die ausgewählten Kontrollkästchen ändern (alle auswählen), nachdem ich eines der folgenden Kontrollkästchen deaktiviert habe?

Question

Ich habe gerade das Skript „Alles überprüfen“ in JS erstellt, weiß aber nicht, wie ich es implementieren soll, um zu überprüfen, ob alle meine Kontrollkästchen noch aktiviert sind, und wenn nicht, deaktiviere ich das Kontrollkästchen „Alle auswählen“. Irgendwelche Ideen, wie das geht?

Das ist mein Code, schauen Sie sich bitte um, reines 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()

Ich scheine meine geistige Leistungsfähigkeit zur Lösung des Problems erschöpft zu haben, obwohl ich immer noch versuche, etwas mit dem Klicktyp „eventListener“ zu tun, in der Hoffnung, das gewünschte Ergebnis zu erzielen. Jede Hilfe wird geschätzt.

Answer 1

您可以在非全选复选框上设置事件侦听器。在此事件中，您可以检查复选框的选中状态，如果未选中，则更新复选框以取消选中它。

这样，只要取消选中任何其他复选框，您的所有复选框都会保持同步。