el表格单选框实现条件禁用

在HTML中，可以使用`<input>`元素结合JavaScript来实现表格单选框的条件禁用。当满足某个特定条件时，通过设置单选框的`disabled`属性为`true`，即可使其无法选择。

例如，如果你有一个表单，其中有两个单选框，你想在用户选择其中一个选项后禁用另一个：

<table>
  <tr>
    <td>选择1：</td>
    <td><input type="radio" id="option1" name="choice" value="1"></td>
    <td>【条件未满足时】</td>
  </tr>
  <tr>
    <td>选择2：</td>
    <td><input type="radio" id="option2" name="choice" value="2"></td>
    <td disabled>【已选择1时禁用】</td>
  </tr>
</table>

<script>
  document.querySelector('#option1').addEventListener('change', function() {
    if (this.checked) { // 如果选择了 option1
      document.querySelector('#option2').disabled = true; // 禁用 option2
    } else {
      document.querySelector('#option2').disabled = false; // 恢复 option2 的启用状态
    }
  });
</script>

在这个例子中，当用户选择`option1`时，`option2`会被禁用；反之，如果取消选择`option1`，则`option2`会恢复正常。