Wie kann ich Kontrollkästchen mit JavaScript dynamisch aktivieren oder deaktivieren?

<h2>Checkbox-Status dynamisch mit JavaScript bearbeiten</h2>

JavaScript bietet verschiedene Methoden, um den aktivierten Status eines Kontrollkästchens von einer Webseite aus zu steuern. So aktivieren oder deaktivieren Sie ein Kontrollkästchen:

<h3>Verwenden der Checked-Eigenschaft</h3>

Die aktivierte Eigenschaft eines <input type="checkbox"> Element kann direkt auf true oder false gesetzt werden, um es zu aktivieren oder zu deaktivieren.

<pre>
// Check
document.getElementById("checkbox").checked = true;

// Deaktivieren
document.getElementById("checkbox").checked = false;
</pre>

<h3>Verwenden von jQuery (v1.6)</h3>

jQuery bietet prop(), eine flexiblere Methode zur Manipulation Elementeigenschaften, einschließlich des geprüften Zustands:

<pre>
// Aktivieren
$("#checkbox").prop("checked", true);

// Deaktivieren
$("#checkbox").prop("checked", false);
</pre>

<h3>JQuery verwenden (v1.5-)</h3>

Vor jQuery v1.6 wurde die attr()-Methode zur Eigenschaftsmanipulation verwendet. Obwohl es immer noch funktioniert, ist es nicht der zuverlässigste Ansatz für Kontrollkästchen:

<pre>
// Check
$("#checkbox").attr("checked", true);

// Häkchen entfernen
$("#checkbox").attr("checked", false);
</pre>

Durch die Nutzung dieser Methoden können Sie den Status von Kontrollkästchen dynamisch aktualisieren und so interaktive Webschnittstellen erstellen und Formulareingaben programmgesteuert steuern.

Das obige ist der detaillierte Inhalt vonWie kann ich Kontrollkästchen mit JavaScript dynamisch aktivieren oder deaktivieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!