Aktivieren und deaktivieren ein Kontrollkästchen in jQuery

1. Verwendung der Methode prop() zum Aktivieren und Deaktivieren eines Kontrollkästchens in jQuery
2. Verwendung von die Methode attr() zum Aktivieren und Deaktivieren eines Kontrollkästchens in jQuery

Es gibt zwei Möglichkeiten, ein Kontrollkästchen zu aktivieren und zu deaktivieren. Für jQuery-Versionen über 1.6 wird die Funktion prop() und für Versionen unter 1.6 die Funktion attr() verwendet.

Verwendung der Methode prop() zum Aktivieren und Deaktivieren eines Kontrollkästchens in jQuery

Die Methode prop() wird verwendet, um auf die Eingabe zuzugreifen und ihre Eigenschaft festzulegen. Diese Methode manipuliert die geprüfte Eigenschaft und fixiert sie auf true oder false, je nachdem, ob wir ein Kontrollkästchen aktivieren oder deaktivieren möchten.

Syntax:

$("#checkbox_name").prop("checked", true);

Gemäss der Definition des W3C-Formulars ist das Attribut checked ein boolesches Attribut, was bedeutet, dass die zugeordnete Eigenschaft tatsächlich vorhanden ist, wenn das Element vorhanden ist – selbst wenn die Qualität keinen Wert hat oder auf false gesetzt ist.

Beispiel:

$(document).ready(function () {
            $(".clickCheck").click(function () {
                $("#chechId").prop("checked", true);
            });
            $(".clickUncheck").click(function () {
                $("#chechId").prop("checked", false);
            });
        });

Demo hier

clickCheck ist der Klassenname einer Schaltfläche Yes, während clickUncheck der Klassenname einer Schaltfläche No ist. In ähnlicher Weise ist #chechId der ID-Name des hier verwendeten Kontrollkästchens, das zum Aktivieren und Deaktivieren eines Kontrollkästchens verwendet wird.

Ausgabe:

Hier sehen Sie zwei Schaltflächen, nämlich Yes und No. Wenn Sie auf die Schaltfläche Yes klicken, wird das Kontrollkästchen aktiviert, da es die Eigenschaft des Kontrollkästchens auslöst, dh true.

Wenn Sie auf die Schaltfläche No klicken, wird das Kontrollkästchen ebenso deaktiviert, da es die Kontrollkästcheneigenschaft auslöst, dh false.

Verwendung von die Methode attr() zum Aktivieren und Deaktivieren eines Kontrollkästchens in jQuery

Sie ist mit der früheren Methode identisch, eignet sich jedoch besser für frühere jQuery-Versionen. Die Methode attr() wird verwendet, um auf die Eingabe zuzugreifen und ihre Eigenschaften festzulegen.

Wir müssen die Eigenschaft checked auf true oder false ändern, je nachdem, was wir aktivieren oder deaktivieren möchten.

Beim Ändern des Attributs auf true muss eine click()-Methode bereitgestellt werden, um sicherzustellen, dass die Option in der Optionsgruppe geändert wird.

Syntax:

$("#checkbox_name").attr("checked", true);

Beispiel:

$(document).ready(function() {
                $(".clickCheck").click(function() {
                    $("#chechId").attr("checked", true);
                });

                $(".clickUncheck").click(function() {
                    $("#chechId").attr("checked", false);
                });
            });

Demo hier

Die Ausgabe mit der Methode attr() ist die gleiche wie bei der Methode prop().

Ausgabe nach Ausführen des Codes:

Ausgabe nach Anklicken des Yes-Buttons:

Ausgabe nach Anklicken des No-Buttons: