checkbox中的单选功能

通常，checkbox 是用于多选的，但是我们可以使用 JavaScript 实现单选功能。

首先，我们需要为每个 checkbox 添加一个 onclick 事件，当点击时，它将调用一个函数，这个函数会将所有其他 checkbox 的 checked 属性设置为 false，然后将当前 checkbox 的 checked 属性设置为 true。

以下是一个简单的示例代码：

<form>
  <input type="checkbox" name="color" value="red" onclick="singleCheck(this)"> Red<br>
  <input type="checkbox" name="color" value="green" onclick="singleCheck(this)"> Green<br>
  <input type="checkbox" name="color" value="blue" onclick="singleCheck(this)"> Blue
</form>

<script>
function singleCheck(checkbox) {
  var checkboxes = document.getElementsByName("color");
  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i] != checkbox) {
      checkboxes[i].checked = false;
    }
  }
}
</script>

在这个示例中，我们为每个 checkbox 添加了一个 onclick 事件，并将当前 checkbox 作为参数传递给了单选函数 singleCheck。在函数中，我们获取了所有 name 属性为“color”的 checkbox，并将除当前 checkbox 外的所有 checkbox 的 checked 属性设置为 false。

这样，当用户点击一个 checkbox 时，它将成为唯一选中的 checkbox，其他 checkbox 将被取消选中。