html表格中的复选框的反选按钮代码

在HTML中，创建一个表格内的复选框通常用于列出选项让用户选择，而反选按钮（通常是一个单选框，但作为复选框组的控制）可以用来取消所有已选项。这是一个简单的例子：

<table>
  <tr>
    <td><input type="checkbox" id="option1" name="options[]" value="1"> 选项1</td>
    <td><input type="checkbox" id="option2" name="options[]" value="2"> 选项2</td>
    <td><input type="checkbox" id="option3" name="options[]" value="3"> 选项3</td>
    <td><input type="radio" id="clearAll" name="clearButton" value="clear" onclick="toggleAll(this)"> 取消全部</td>
  </tr>
</table>

<script>
function toggleAll(clearButton) {
  var checkboxes = document.getElementsByName("options[]");
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = clearButton.value === "clear";
  }
}
</script>

在这个示例中，`<input type="radio" ...>` 的`onclick`事件绑定了一个JavaScript函数`toggleAll()`，当用户点击“取消全部”按钮时，这个函数会遍历所有同名的复选框，并将它们的`checked`属性设置为反选状态。