Heim >Web-Frontend >js-Tutorial >Wie überprüfe ich den Kontrollkästchenstatus in jQuery?

Wie überprüfe ich den Kontrollkästchenstatus in jQuery?

Linda Hamilton
Linda HamiltonOriginal
2024-12-23 19:57:11615Durchsuche

How to Check Checkbox Status in jQuery?

So überprüfen Sie den Kontrollkästchenstatus mit jQuery

In jQuery wird die Funktion attr('checked') nicht zum Überprüfen der aktivierten Eigenschaft eines Kontrollkästchens verwendet. Stattdessen können Sie die folgenden Methoden verwenden:

1. Verwendung der Eigenschaft „checked“ des DOM-Elements

Die Eigenschaft „checked“ des DOM-Elements „checkbox“ stellt den aktivierten Zustand des Kontrollkästchens bereit:

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

2. Verwendung des change()-Ereignisses von jQuery

Wenn das Kontrollkästchen angeklickt wird, wird das change()-Ereignis ausgelöst. Sie können damit die Sichtbarkeit des Textfelds umschalten:

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

Das obige ist der detaillierte Inhalt vonWie überprüfe ich den Kontrollkästchenstatus in jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn