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 和 blade 模板。

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

例如：当单击 pn 打印复选框时，data_entry 自动选中，未选中时打印 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 选中模板复选框时选中另一个

Laravel Blade template checkbox checked when another one is checked

laravel

blade

laravel-4

laravel-5