Jquery-Kontrollkästchen-Requisite funktioniert nicht

Ich bin kürzlich beim Schreiben einer Webseite auf ein Problem gestoßen, das heißt, die Verwendung der prop()-Methode von jQuery zum Ändern des aktivierten Attributs des Kontrollkästchens hat nicht funktioniert. Nach einigen Versuchen und Recherchen habe ich endlich die Lösung gefunden, die ich nun unten mit Ihnen teile.

Schauen wir uns zunächst den Code an:

<input type="checkbox" class="my-checkbox" checked>

$(".my-checkbox").prop("checked", false);

Der obige Code sieht gut aus. Wir verwenden die prop()-Methode von jQuery, um das aktivierte Attribut des Kontrollkästchens in „false“ zu ändern, was den deaktivierten Zustand darstellt. Wenn wir jedoch die Webseite im Browser ausführen, stellen wir fest, dass das Kontrollkästchen immer noch aktiviert ist und die prop()-Methode nicht funktioniert.

Was ist los? Tatsächlich liegt das Problem beim geprüften Attribut. Das geprüfte Attribut ist ein DOM-Attribut, kein HTML-Attribut. Wenn Sie DOM-Eigenschaften ändern, sollten Sie native JavaScript-Methoden anstelle der prop()-Methode von jQuery verwenden. Daher müssen wir die prop()-Methode in die attr()-Methode ändern, damit wir die HTML-Attribute ändern können. Der Code lautet wie folgt:

$(".my-checkbox").attr("checked", false);

Wenn wir die Webseite nach dieser Änderung erneut ausführen, werden wir feststellen dass der Status des Kontrollkästchens geändert wurde.

Außerdem ist es auch möglich, wenn wir prop() verwenden möchten, um das überprüfte Attribut zu ändern. Allerdings müssen Sie den zweiten Parameter von prop() in einen String-Wert „true“ oder „false“ statt in einen booleschen Wert ändern. Der Code lautet wie folgt:

$(".my-checkbox").prop("checked", "false");

Auf diese Weise können wir die prop()-Methode erfolgreich verwenden, um das aktivierte Attribut des Kontrollkästchens zu ändern.

Zusammenfassend gilt: Wenn wir die prop()-Methode von jQuery zum Ändern von DOM-Attributen verwenden, sollten wir darauf achten, HTML-Attribute anstelle von DOM-Attributen zu verwenden. Darüber hinaus können Sie bei Verwendung der prop()-Methode auch den zweiten Parameter in einen String-Wert ändern, um das Problem zu vermeiden, dass boolesche Werte in einigen Fällen nicht funktionieren. Ich hoffe, dieser Artikel kann Ihnen helfen, ähnliche Probleme zu vermeiden und Ihre Programmierarbeit erfolgreich abzuschließen.

Das obige ist der detaillierte Inhalt vonJquery-Kontrollkästchen-Requisite funktioniert nicht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!