单击复选框 3 标记复选框 1 等的复选框问题

Question

我以前从未遇到过这样的问题。当我单击复选框 1 时，它会选中复选框 1，但如果我单击复选框 2 或 3，它们仍会选中第一个框。

<tr>
<td><input type="checkbox" id="checkbox65" class="css-checkbox med" />
    <label for="checkbox65" class="css-label med elegant" name="avatar" value="image1"/></label></td>
<td><input type="checkbox" id="checkbox65" class="css-checkbox med" />
    <label for="checkbox65" class="css-label med elegant" name="avatar" value="image2"/></label></td>
<td><input type="checkbox" id="checkbox65" class="css-checkbox med"/>
    <label for="checkbox65" class="css-label med elegant"  name="avatar" value="image3"></label></td>
</tr>

我正在使用 csscheckbox.com 中的复选框样式 - 如果这是问题所在，我知道。有什么想法吗？

Answer 1

您应该更改输入复选框的 ID 和标签的值。

<tr>
<td><input type="checkbox" id="checkbox65" class="css-checkbox med" />
    <label for="checkbox65" class="css-label med elegant" name="avatar" value="image1"/></label></td>
<td><input type="checkbox" id="checkbox66" class="css-checkbox med" />
    <label for="checkbox66" class="css-label med elegant" name="avatar" value="image2"/></label></td>
<td><input type="checkbox" id="checkbox67" class="css-checkbox med"/>
    <label for="checkbox67" class="css-label med elegant"  name="avatar" value="image3"></label></td>
</tr>

这应该可以解决。

单击复选框 3 标记复选框 1 等的复选框问题

Checkbox issue where clicking on Checkbox 3 marks Checkbox 1 and etc

html

php

checkbox