Wie implementiert man das Kontrollkästchen "Alles auswählen" in HTML?

Question

Ich habe eine HTML-Seite mit mehreren Kontrollkästchen.

Ich benötige ein weiteres Kontrollkästchen mit dem Namen "select all". Wenn ich dieses Kontrollkästchen auswähle, müssen alle Kontrollkästchen auf der HTML-Seite ausgewählt werden. Wie kann ich dies tun?

Answer 1

Einfach und auf den Punkt gebracht:

jQuery - Beim Klicken auf eine Schaltfläche oder ein div oder ein Beschriftungselement. Deaktivieren Sie alle Kontrollkästchen auf der Seite. Denken Sie daran, dass Sie :checkbox anpassen müssen, um es spezifischer zu machen.

jQuery("#My-Button").click(function() {

  jQuery(':checkbox').each(function() {
    if(this.checked == true) {
      this.checked = false;                        
    } else {
      this.checked = true;                        
    }      
  });

});