Wie kann ich mit jQuery effizient den aktivierten Status eines Kontrollkästchens (oder mehrerer Kontrollkästchen) ermitteln?

Checkbox-Status mit jQuery ermitteln

Eine der häufigsten Herausforderungen bei der Arbeit mit Webformularen ist die Bestimmung des Status bestimmter Kontrollkästchen.

Bedenken Sie Folgendes Folgendes Szenario: Sie verfügen über eine Reihe von Kontrollkästchen und müssen anhand dessen feststellen, ob ein bestimmtes Kontrollkästchen aktiviert ist ID.

Möglicherweise haben Sie den folgenden Code verwendet:

function isCheckedById(id) {
    alert(id);
    var checked = $("input[@id=" + id + "]:checked").length;
    alert(checked);

    if (checked == 0) {
        return false;
    } else {
        return true;
    }
}

Dieser Ansatz liefert die Gesamtzahl der aktivierten Kontrollkästchen, ohne Berücksichtigung der angegebenen ID.

Die Lösung liegt bei der Nutzung des in jQuery integrierten :checked-Selektors:

$('#' + id).is(":checked")

Dieser Ausdruck wird als wahr ausgewertet, wenn das Kontrollkästchen aktiviert ist Die angegebene ID wird überprüft, andernfalls ist sie falsch.

Wenn Sie außerdem eine Reihe von Kontrollkästchen mit demselben Namen haben, können Sie eine Liste der aktivierten Kontrollkästchen wie folgt abrufen:

var $boxes = $('input[name=thename]:checked');

Durch das Durchlaufen der Liste mit der Methode every() können Sie Aktionen für jedes aktivierte Kontrollkästchen ausführen:

$boxes.each(function(){
    // Do stuff here with this
});

Um die Anzahl der aktivierten Kontrollkästchen in einem zu zählen Array:

$boxes.length;

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery effizient den aktivierten Status eines Kontrollkästchens (oder mehrerer Kontrollkästchen) ermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!