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

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/

我有问题，然后按任何复选框/标签总是只选择第一个复选框，而不是表单内的复选框。

问题出在哪里？

我不想使用 JavaScript 并为属性“for”和“id”生成随机名称。

Answer 1

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

当您单击标签时，浏览器会查找具有匹配 ID 的元素。它在找到后停止(因此它总是找到第一个)。

让您的 ID 独一无二。

I would like not use javascript and generate random names for atrribute 'for' and 'id'.

您不必使用 JavaScript(您可以在服务器上或在构建时使用任何编程语言，或者您可以手动编写它们)并且值不必是随机的(上的连续数字)最后会很好)。