Heim > Web-Frontend > js-Tutorial > Wie kann ich mit jQuery überprüfen, ob ein Kontrollkästchen aktiviert ist?

Wie kann ich mit jQuery überprüfen, ob ein Kontrollkästchen aktiviert ist?

Patricia Arquette
Freigeben: 2024-12-17 18:18:11
Original
647 Leute haben es durchsucht

How Can I Check if a Checkbox is Selected Using jQuery?

Überprüfen Sie mit jQuery, ob ein Kontrollkästchen aktiviert ist

Situation:

In jQuery sind Sie Sie müssen feststellen, ob ein Kontrollkästchen aktiviert ist, um bestimmte Aktionen auszuführen, aber die Standardmethode attr('checked') gibt in diesem Fall false zurück deaktiviert.

Lösung:

1. Verwenden von DOM-Elementeigenschaften:

  • Greifen Sie direkt auf die geprüfte Eigenschaft des DOM-Elements zu:
if(document.getElementById('isAgeSelected').checked) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}
Nach dem Login kopieren

2. Sichtbarkeit mit toggle() umschalten:

  • Verwenden Sie die toggle()-Methode, um ein Element basierend auf dem aktivierten Status des Kontrollkästchens anzuzeigen oder auszublenden:
$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
});
Nach dem Login kopieren

Hinweis:

  • this.checked gibt true zurück, wenn das Kontrollkästchen aktiviert ist aktiviert und false, wenn es deaktiviert ist.
  • toggle() zeigt das Element an, wenn es ausgeblendet ist, und verbirgt es, wenn es angezeigt wird.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery überprüfen, ob ein Kontrollkästchen aktiviert ist?. 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