它也很有效:

<form>
    <label for="male"><input type="checkbox" name="male" id="male" />Male</label><br />
    <label for="female"><input type="checkbox" name="female" id="female" />Female</label>
</form>

它也很有效:

<form>
    <label for="male"><input type="checkbox" name="male" id="male" />Male</label><br />
    <label for="female"><input type="checkbox" name="female" id="female" />Female</label>
</form>

标签{ 边框:1px实心#ccc; 填充:10 px; 边距:0 0 10px; 显示:块; ｝ 标签:{徘徊 背景:# eee; 光标:指针; ｝ <label><input type="checkbox" />Option 1</label> <label><input type="checkbox" />Option 2</label> <label><input type="checkbox" />Option 3</label> .

<label for="my_checkbox">Check me</label>
<input type="checkbox" name="my_checkbox" value="Car" />

在Angular material中用复选框标记

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

使用这个

<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');
    });
});