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
Patricia ArquetteOriginal
2024-12-17 18:18:11662Durchsuche

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();
}

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);
});

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!

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