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
Freigeben: 2024-12-23 19:57:11
Original
614 Leute haben es durchsucht

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();
}
Nach dem Login kopieren

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);
});
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage