选中另一个时,检查Laravel Blade模板复选框

Question

我在视图中有以下复选框

<div class="form-group"> 
    <label class="col-md-4 control-label">Roles</label>
    <div class="col-md-6 col-md-offset-4"> 
        <div class="checkbox">
            <label>             
                <input type="checkbox" name="data_entry"> Data Entry <br />
                <input type="checkbox" name="save_on_ext_hd"> Save On External HD      <br />
                <input type="checkbox" name="print"> Print   <br />
                <input type="checkbox" name="export_csv">Export CSV   <br />
                <input type="checkbox" name="delete"> Delete
            </label>
        </div>
    </div>
</div>

我正在使用laravel 5和刀片模板.

问题是:当点击任何复选框时,第一个选中,反之亦然

例如:单击pn print复选框时,data_entry会自动检查,如果未选中,则取消选中print data_entry.

当检查打印data_entry时,以及检查删除时,例如data_entry未选中.

Answer 1

那是因为你的所有复选框都在一个复选框内<label>.带有输入的标签在单击时激活输入.因此,单击标签内的任何位置都会触发所有复选框.

通过赋予每个人自己来解决这个问题<label>:

<label>
    <input type="checkbox" name="data_entry"> Data Entry <br />
</label>
<label>
    <input type="checkbox" name="save_on_ext_hd"> Save On External HD<br />
</label>
<!-- etc -->