Kontrollkästchen mit jQuery aktivieren

In diesem Beitrag erfahren wir, wie Sie in jQuery aktivierte Kontrollkästchen setzen.

Kontrollkästchen aktivieren in jQuery aktiviert

Diese jQuery-Methode akzeptiert den Namen des Attributs, dessen Wert aktualisiert und dem Element zugeordnet werden soll. Die Methode .attr() von jQuery wird verwendet, um ein oder mehrere Attribute für die Menge der übereinstimmenden Elemente/Elemente festzulegen.

Syntax:

attr(attributeName, value)

1. attributeName ist der erste Eingabeparameter vom Typ string, der den Namen des Attributs angibt, dessen Wert gesetzt werden soll.
2. value ist der zweite Eingabeparameter vom Typ string oder null oder number, der den für das ausgewählte Attribut gesetzten Wert angibt. Wenn der Wert null ist, wird das angegebene Attribut entfernt, ähnlich wie bei .removeAttr().

Die .attr()-Technik ist praktisch, um den Wert von Attributen festzulegen – insbesondere beim Setzen von mehr als einem Attribut oder beim Verwenden von Werten, die von einer Funktion zurückgegeben werden. Der .attr()-Ansatz reduziert Inkonsistenzen.

Weitere Informationen zum .attr() von jQuery finden Sie in der Dokumentation zu .attr().

Lassen Sie uns ein Beispiel haben.

Code - HTML:

<input type="checkbox" id="Mumbai">Mumbai
<input type="checkbox" id="Goa">Goa

Code - JavaScript + jQuery:

$('#Goa').attr('checked', 'checked');

Wir haben zwei Kontrollkästchen beschrieben, denen jeweils eine andere ID zugewiesen wurde. Auf das Attribut checked der Checkbox können Sie mit der Methode attr() zugreifen.

Mit dieser Methode können Sie das Attribut des Kontrollkästchens so aktualisieren, dass es als Standardwert festgelegt wird. Führen Sie den obigen Beispielcode in einem beliebigen Browser aus, der jQuery unterstützt, um das folgende Ergebnis anzuzeigen.

Ausgabe:

Code-Demo ausführen