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打印复选框时，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 -->

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

1 个答案: