Wie erstellt man ein Kontrollkästchen mit anklickbarer Beschriftung?

Question

Wie kann ich ein HTML-Kontrollkästchen mit einer Beschriftung erstellen, die angeklickt werden kann (d. h. ein Klick auf die Beschriftung schaltet das Kontrollkästchen ein/aus)?

Answer 1

In Angular Material Label mit Checkbox

<mat-checkbox>Check me!</mat-checkbox>

Answer 2

Verwenden Sie diese

<input type="checkbox" name="checkbox" id="checkbox_id" value="value">
<label for="checkbox_id" id="checkbox_lbl">Text</label>

$("#checkbox_lbl").click(function(){ 
    if($("#checkbox_id").is(':checked'))
        $("#checkbox_id").removAttr('checked');
    else
       $("#checkbox_id").attr('checked');
    });
});