Question

如何让用户只检查其中一个复选框..除了禁用选择复选框之外还有其他方法吗？

<td width="25%"><input type="checkbox" name="choice" value="Good" />Good</td>
<td width="25%"><input type="checkbox" name="choice" value="Average" />Average</td>
<td width="25%"><input type="checkbox" name="choice" value="Sucks" />Sucks</td>
<td width="25%"><input type="checkbox" name="choice" value="Fascinating" />Fascinating</td>

如果是javascript，请简单理解..

Answer 1

您正在寻找radio button group。

<td width="25%"><input type="radio" name="choice" value="Good" />Good</td>
<td width="25%"><input type="radio" name="choice" value="Average" />Average</td>
<td width="25%"><input type="radio" name="choice" value="Sucks" />Sucks</td>
<td width="25%"><input type="radio" name="choice" value="Fascinating" />Fascinating</td>

Answer 2

如果用户一次只能选择其中一个，则应使用<input type="radio">代替checkbox。

如果您必须使用checkbox，请尝试（example）：

var choices = document.getElementsByName('choice');

for (var i = choices.length-1; i >= 0; -- i) {
  choices[i].onclick = function () {
    for (var j = choices.length-1; j >= 0; -- j) {
      if (choices[j] != this)
        choices[j].checked = false;
    }
  }
}

Answer 3

使用radio buttons代替您的要求。选择时，只会检查其中一个。

Here is the working demo of that :)

限制复选框的选择

3 个答案: