Wie kann ich den aktivierten Status eines Kontrollkästchens mit jQuery genau überprüfen?

Überprüfen der Checked-Eigenschaft eines Kontrollkästchens mit jQuery

Problem:

Sie müssen Bestimmen Sie den aktivierten Status eines Kontrollkästchens mithilfe von jQuery und ergreifen Sie eine darauf basierende Aktion Ergebnis.

jQuery-Code:

Der folgende jQuery-Code versucht, die geprüfte Eigenschaft des Kontrollkästchens „isAgeSelected“ zu überprüfen, gibt jedoch standardmäßig false zurück:

if ($('#isAgeSelected').attr('checked')) {
  $("#txtAge").show();
} else {
  $("#txtAge").hide();
}

Richtige Lösung:

Um die überprüfte Eigenschaft erfolgreich abzufragen, können Sie Folgendes tun Verwenden Sie den folgenden Code:

Option 1:

Greifen Sie direkt mit JavaScript auf das DOM-Element zu:

if(document.getElementById('isAgeSelected').checked) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}

Option 2:

Verwenden Sie die „Toggle“-Funktion von jQuery für eine sauberere Darstellung Ansatz:

$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
});

Dieser Code verarbeitet das Klickereignis für das Kontrollkästchen „isAgeSelected“ und schaltet die Sichtbarkeit des „txtAge“-Elements basierend auf dem aktivierten Status um.

Das obige ist der detaillierte Inhalt vonWie kann ich den aktivierten Status eines Kontrollkästchens mit jQuery genau überprüfen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!