如何用PHP for循环生成多组独立单选表单？实现问题排查

• 单选框的分组规则来自HTML原生定义：同一name属性的单选框会被归为同一组，和外层包裹的容器类型、容器上的ID没有任何关联。之前的代码中所有单选框的name值都是固定的radio，哪怕外层的fieldset设置了不同的ID，浏览器依然会把所有单选框判定为同一组，选中任意一个就会清空其他组的选中状态，自然无法实现独立选择。
• fieldset的实际能力边界：这个标签仅用于视觉层面的表单分组展示，配合legend标签标注分组标题，本身不具备隔离表单控件交互逻辑的能力，无法替代name属性实现单选分组的隔离效果。
• 原有代码的隐蔽校验bug：因为所有单选框同属一组，只要选中任意一个选项，就会满足整个页面所有单选框的required校验，其余题目不选也可以提交表单，完全不符合答题类表单的校验需求。

核心改造逻辑 #

• 利用PHP循环的$i变量，给每一组的单选框设置带题号的唯一name值，从原生规则层面实现组与组的交互隔离。
• 改造不需要修改原有代码的DOM结构、样式逻辑，完全兼容原来的fieldset分组展示需求，同时可修复原有的表单校验漏洞。

改造后的可直接运行代码 #

<!DOCTYPE html>
<html>
<body>

<?php
for($i = 1; $i<4; $i = $i+1){
   echo "
   <fieldset id='form$i'>
      <hr>
      <br>
      <legend> Question $i</legend>
      <br><br>
      <div class='radioBox'>
      <label>(A)
         <input type='radio' name='radio$i' required value='A'>
         <span class='checkmark'></span>
      </label><br>
      <label>(B)  
         <input type='radio' name='radio$i' required value='B'>
         <span class='checkmark'></span>
      </label><br>
      <label>(C) 
         <input type='radio' name='radio$i' required value='C'>
         <span class='checkmark'></span>
      </label><br>
      <label>(D)  
         <input type='radio' name='radio$i' required value='D'>
         <span class='checkmark'></span>
      </label><br>
      <br>
      </div>
      <br>
  </fieldset>
  ";
}
?> 

</body>
</html>

可选后端优化方案：如果需要批量接收所有题目的作答结果，可将name属性调整为关联数组格式name='radio[$i]'，表单提交后后端可直接读取$_POST['radio']获取以题号为键、选中选项为值的关联数组，无需额外的索引匹配逻辑。

内容的提问来源于stack exchange，提问作者SIM SZE YU Moe