PHP表单Yes/No复选框互斥问题求助：勾选后无法自动取消已选项

方案1：改用单选按钮（更推荐） #

复选框的设计初衷就是支持多选，要实现二选一的互斥效果，用单选按钮是最贴合原生逻辑的方案，后端处理也更简单：

• 给两个单选按钮设置相同的name属性（比如name="choice"），浏览器会自动处理互斥逻辑——选中一个时，另一个会自动取消选中。
• 每个单选按钮的value分别设为yes和no，方便PHP后端直接获取选中值。

示例代码：

<form method="post" action="your-handler.php">
  <label>
    <input type="radio" name="choice" value="yes" <?php echo isset($_POST['choice']) && $_POST['choice'] == 'yes' ? 'checked' : ''; ?>> Yes
  </label>
  <label>
    <input type="radio" name="choice" value="no" <?php echo isset($_POST['choice']) && $_POST['choice'] == 'no' ? 'checked' : ''; ?>> No
  </label>
  <button type="submit">提交</button>
</form>

后端PHP获取值的代码：

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
  // 用??运算符处理未选中的情况，避免报错
  $choice = $_POST['choice'] ?? '';
  // 这里写你的业务逻辑，比如把值存入数据库
}

方案2：用JavaScript实现复选框互斥（如果一定要用复选框） #

如果坚持要用复选框，需要借助JavaScript监听点击事件，手动控制两个复选框的选中状态：

示例代码：

<form method="post" action="your-handler.php">
  <label>
    <input type="checkbox" name="yes" id="yes-checkbox" value="yes" <?php echo isset($_POST['yes']) ? 'checked' : ''; ?>> Yes
  </label>
  <label>
    <input type="checkbox" name="no" id="no-checkbox" value="no" <?php echo isset($_POST['no']) ? 'checked' : ''; ?>> No
  </label>
  <button type="submit">提交</button>

  <script>
    // 获取两个复选框元素
    const yesBox = document.getElementById('yes-checkbox');
    const noBox = document.getElementById('no-checkbox');

    // 监听Yes复选框的状态变化
    yesBox.addEventListener('change', function() {
      if (this.checked) {
        noBox.checked = false;
      }
    });

    // 监听No复选框的状态变化
    noBox.addEventListener('change', function() {
      if (this.checked) {
        yesBox.checked = false;
      }
    });
  </script>
</form>

后端PHP获取值的代码：

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
  $choice = '';
  if (isset($_POST['yes'])) {
    $choice = 'yes';
  } elseif (isset($_POST['no'])) {
    $choice = 'no';
  }
  // 处理业务逻辑
}

注意：方案2依赖前端JavaScript，如果用户浏览器禁用JS，还是会出现同时选中的情况，所以优先推荐方案1。

内容的提问来源于stack exchange，提问作者Tom R