HTML提交同名称多组文本输入与单选框后PHP如何获取f_status值

问题根因 #

你当前单选框功能异常、后端无法匹配对应值的核心原因是：所有单选按钮使用了无索引的数组命名f_status[]，浏览器会将页面上所有name为f_status[]的单选按钮识别为同一组，整个表单只能选中1个单选，且提交到后端的f_status数组长度和索引完全无法和f_hobby数组一一对应。

修复方案 #

第一步：修改HTML表单代码 #

给每组hobby和status的输入框加上显式的数字索引，保证同一行的两个单选属于独立分组，且索引和hobby的索引一一对应：

<form action="confirm.php" method="post" name="">
<!-- 第0组 -->
Hobby : <input type="text" name="f_hobby[0]" value="" placeholder="Enter your Hobby"/>
Status : <input name="f_status[0]" type="radio" value="1" /> ON <input name="f_status[0]" type="radio" value="0" /> OFF  
<br>
<!-- 第1组 -->
Hobby : <input type="text" name="f_hobby[1]" value="" placeholder="Enter your Hobby"/>
Status : <input name="f_status[1]" type="radio" value="1" /> ON <input name="f_status[1]" type="radio" value="0" /> OFF  
<br>
<!-- 第2组 -->
Hobby : <input type="text" name="f_hobby[2]" value="" placeholder="Enter your Hobby"/>
Status : <input name="f_status[2]" type="radio" value="1" /> ON <input name="f_status[2]" type="radio" value="0" /> OFF  
<br>
<br>
<button type="submit" class="">Submit</button>
</form>

修改后每一行的两个单选为独立分组，每行可以单独选择ON/OFF，提交后f_hobby和f_status的数组索引完全对应。如果是动态新增行的场景，在JS新增行时自动递增索引即可。

第二步：PHP后端处理代码 #

在confirm.php中按索引遍历即可，同时可以补充未选状态的默认值处理逻辑：

<?php
// 判断是否为POST提交
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $hobbies = $_POST['f_hobby'] ?? [];
    $statuses = $_POST['f_status'] ?? [];
    
    // 遍历获取每组对应值
    foreach ($hobbies as $index => $hobby) {
        // 对应索引的状态未选时，默认赋值为0，可根据业务需求调整默认值
        $status = $statuses[$index] ?? 0;
        // 此处编写业务逻辑，例如打印、入库等
        echo "爱好：".htmlspecialchars($hobby)."，状态：".$status."<br>";
    }
}
?>

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