Mit jQuery herausfinden, ob eine Checkbox angewählt ist (oder nicht)

Veröffentlicht von Tudor - 17. Oktober 2016

Ich musste einen Weg finden mit jQuery zu überprüfen, ob eine Checkbox ausgewählt wurde. In jQuery ist es möglich zunächst zu überprüfen ob eine Checkbox angewählt wurde, um anschließend je nach Ergebnis eine Aktion auszuführen. So könnte man zum Beispiel ein Formularfeld anzeigen oder verstecken, sobald eine Checkbox ausgewählt wurde.

checkbox_article

Benutzen des IS-Methoden Selectors

Diese Methode überprüft, ob das Element ausgewählt wurde.

$(‚#checkboxID).is(':checked');

Benutzen der Attribut-Methode

Diese Methode überprüft, ob auf das Element ein Attribut namens „checked“ hat.

$(‚#checkBoxID').attr('checked');

Benutzen des Checked Selectors

Mit diesem Code-Snippet erhält man alle aktuell ausgewählten Elemente.

$(#selector:checked’)

Beispiel

if ( $('input[name="subscribe"]').is(':checked') ) {
    $('input[name="email"]').show();
}

else {
    $('input[name="email"]').hide();
}

Das könnte Dich auch interessieren

Laravels MVC-Ansatz erklärt anhand einer kleinen Anwendung Teil 2

Unsere im letzten Teil der Reihe entwicklte Laravel Benutzerverwaltung gibt bis jetzt nur alle Benutzer aus, aber wir wollen noch zusätzliche Funktionen implem...

Styleguide mal anders erklärt

Anfang des Jahres gab es einen etwas anderen Halunkenvortrag. Dabei wurde den Teilnehmern in Form eines Styleguide-Quiz spielerisch gezeigt, für was ein Styleg...

Wie du mit MySQL Datensätze auf einer Seite benutzt

Möchte man bestimmte Informationen auf einfachem Wege mehrmals auf einer Webseite ausgeben, gibt es 2 Möglichkeiten. Einerseits kann man einen Array benutzen....