Question

我有一个带有复选框和隐藏输入的标签。如果没有隐藏的输入，我可以点击标签来勾选复选框，但是隐藏输入在其上方，我无法（Chrome除外）。

在没有移动隐藏输入的情况下是否存在此问题（隐藏输入在标签内部和复选框顶部是至关重要的）？

我的JsBin：http://jsbin.com/kovipaxu/7/edit

为什么隐藏字段必须位于标签内并位于复选框的顶部？

这是因为我使用CakePHP的表单助手。

输入选项

$checkbox_options = array(
    'label'       => false,
    'div'         => false,
    'type'        => 'checkbox',
    'class'       => false,
    'hiddenField' => true
);

形式：

<div class="checkbox">
    <label>
        <?php echo $this->Form->input('field', $checkbox_options); ?>
        My Label Here
    </label>
</div>

上面的表格将输出：

<div class="checkbox">
    <label>
        <input name="data[FakeModel][field]" value="0" type="hidden">
        <input name="data[FakeModel][field]" value="1" checked="checked" type="checkbox">
        My Label Here
    </label>
</div>

如果有办法将隐藏的输入移动到复选框下面，使用CakePhp的表单助手，这将是很棒的！但不幸的是，我不认为这是可能的，我浏览了这份文件并且无法找到方法。

Answer 1

哇这个。它在Firefox上工作

$checkbox_options = array(
    'label'       => 'My level here',
    'div'         => false,
    'type'        => 'checkbox',
    'class'       => false,
    'hiddenField' => true
);

当标签上面有隐藏字段时，是否可以通过单击标签来检查复选框？

1 个答案: