Kontrollkästchen mit jQuery aktivieren

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:

Kontrollkästchen aktivieren aktiviert

Code-Demo ausführen

Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

Verwandter Artikel - jQuery Checkbox

  • Überprüfen Sie, ob das Kontrollkästchen mit jQuery aktiviert ist