Question

<form>
    <label for="cPendrive"><input type="checkbox" name="wyposazenie[]" value="Pendrive" id="cPendrive"/><span>Pendrive</span></label>
</form>
<form>
    <label for="cPendrive"><input type="checkbox" name="wyposazenie[]" value="Pendrive" id="cPendrive"/><span>Pendrive</span></label>
</form>
<form>
    <label for="cPendrive"><input type="checkbox" name="wyposazenie[]" value="Pendrive" id="cPendrive"/><span>Pendrive</span></label>
</form>
<form>
    <label for="cPendrive"><input type="checkbox" name="wyposazenie[]" value="Pendrive" id="cPendrive"/><span>Pendrive</span></label>
</form>
<form>
    <label for="cPendrive"><input type="checkbox" name="wyposazenie[]" value="Pendrive" id="cPendrive"/><span>Pendrive</span></label>
</form>
<form>
    <label for="cPendrive"><input type="checkbox" name="wyposazenie[]" value="Pendrive" id="cPendrive"/><span>Pendrive</span></label>
</form>
<form>
    <label for="cPendrive"><input type="checkbox" name="wyposazenie[]" value="Pendrive" id="cPendrive"/><span>Pendrive</span></label>
</form>

http://jsfiddle.net/4e9tjtL9/

我有问题，然后按任何内容checbox / label始终只选中第一个复选框，而不是复选框内的表格。

问题在哪里？

我不想使用javascript并为atrribute生成随机名称＆＃39; for＆＃39;和＆＃39; id＆＃39;。

Answer 1

您的HTML无效。页面中的ID必须唯一。

当您单击标签时，浏览器会查找具有匹配ID的元素。它找到后停止（所以总是找到第一个）。

让你的ids独一无二。

我不想使用javascript并为atrribute'for'和'id'生成随机名称。

您不必使用JavaScript（您可以在服务器上使用任何编程语言，或者在构建时使用，或者您可以手动编写它们）并且值不必是随机的（序列号为on）结局会很好。）

带有标签的表单复选框，仅选中第一个复选框

1 个答案: