如何在 PHP 表单中确保每行仅选中一个单选按钮？

使用 PHP 表单确保每一行仅选中一个单选按钮

引言

在构建具有多个行且每行包含多个单选按钮的 PHP 表单时，确保用户只能为每个问题选中一个答案非常重要。本文将指导你完成解决此问题所需的关键步骤，确保你的表单具有健壮性和可用性。

步骤 1：分配唯一名称属性

为每个问题的所有单选按钮分配一个唯一的 name 属性。这将确保浏览器将它们识别为一个组。例如：

<input type="radio" name="question1" value="1"> 选项 1
<input type="radio" name="question1" value="2"> 选项 2
<input type="radio" name="question1" value="3"> 选项 3

步骤 2：使用数组接收表单数据

在 PHP 中，使用数组来接收表单数据。使用相同的 name 属性会导致表单返回包含所有选中值的数组。例如：

if (isset($_POST['question1'])) {
  $selectedValue = $_POST['question1'];
}

步骤 3：验证至少一个值已选中

验证 $selectedValue 是否已设置，以确保用户已选中一个单选按钮。如果未设置，请显示错误消息或重新显示表单。

if (!isset($selectedValue)) {
  // 显示错误消息或重新显示表单
}

步骤 4：处理选中值

根据 $selectedValue 的值执行适当的操作。这可能涉及存储选中值、执行其他逻辑或跳转到另一个页面。

示例代码

以下是一个完整表单示例：

<form method="POST">
  <div>
    <b>问题 1：</b>
    <input type="radio" name="question1" value="1"> 选项 1
    <input type="radio" name="question1" value="2"> 选项 2
    <input type="radio" name="question1" value="3"> 选项 3
  </div>
  <div>
    <b>问题 2：</b>
    <input type="radio" name="question2" value="1"> 选项 1
    <input type="radio" name="question2" value="2"> 选项 2
    <input type="radio" name="question2" value="3"> 选项 3
  </div>
  <input type="submit" value="提交">
</form>

<?php
if (isset($_POST['question1']) && isset($_POST['question2'])) {
  $selectedValue1 = $_POST['question1'];
  $selectedValue2 = $_POST['question2'];

  // 处理选中值...
} else {
  // 显示错误消息或重新显示表单
}
?>

常见问题解答

问题 1：如何设置错误消息？

答： 使用 $_SESSION['error'] 变量在会话中存储错误消息。在显示表单时，检查此变量并显示任何存储的消息。

问题 2：如何禁用表单中的某些单选按钮？

答： 使用 disabled 属性来禁用表单元素。例如：

<input type="radio" name="question1" value="1" disabled> 选项 1

问题 3：如何在用户未选中任何单选按钮时重新显示表单？

答： 在验证过程中，如果 $selectedValue 未设置，请使用 header() 函数将用户重定向回表单页面。

问题 4：如何使用 JavaScript 验证单选按钮？

答： 可以使用 JavaScript 侦听单选按钮的更改事件，并验证是否已选中任何按钮。

问题 5：如何处理多个表单？

答： 为每个表单分配一个唯一的 id 属性，并使用条件逻辑来处理每个表单。

结论

通过遵循这些步骤，你可以创建健壮且用户友好的 PHP 表单，其中每个问题只能选中一个单选按钮。这将确保你的表单数据准确且一致。