checkbox 不同value的互斥

checkbox 不同 value 的互斥可以通过以下几种方式实现：

1. 使用同一名称的 checkbox，但是不同 value 值，在 JavaScript 中监听所有的 checkbox 状态变化，如果有一个 checkbox 被选中，则将其他所有的 checkbox 状态设置为未选中。

2. 使用 Radio Button，Radio Button 是一组互斥的按钮，同一组的 Radio Button 拥有相同的名称，但是不同的 value 值。只能选择其中的一个。

3. 使用 jQuery 的 prop() 方法，当一个 checkbox 被选中时，将其他的 checkbox 的属性设置为 disabled，这样其他的 checkbox 就不能再被选中了。

示例代码：

<input type="checkbox" name="option" value="1" onchange="disableOther(this)"> Option 1
<input type="checkbox" name="option" value="2" onchange="disableOther(this)"> Option 2
<input type="checkbox" name="option" value="3" onchange="disableOther(this)"> Option 3

<script>
function disableOther(checkbox) {
  if (checkbox.checked) {
    // 获取同名的所有 checkbox
    var checkboxes = document.getElementsByName("option");
    // 遍历所有 checkbox
    for (var i = 0; i < checkboxes.length; i++) {
      // 如果当前 checkbox 不是传入的 checkbox，并且被选中了，则取消选中
      if (checkboxes[i] !== checkbox && checkboxes[i].checked) {
        checkboxes[i].checked = false;
      }
    }
  }
}
</script>

注：以上示例代码仅作为参考，具体实现方式可以根据需求进行调整。