PHP+HTML多行提交时复选框筛选选中行数据异常问题求助

问题根源 #

未勾选的checkbox不会被浏览器提交到后端，因此checked[]数组的索引是从0开始连续排列的，但id[]、other_value[]这类文本输入框无论是否勾选都会提交，索引和行的位置一一对应，两者的索引错位导致匹配到错误的行数据。

可行解决方案 #

给每一行的所有表单元素显式指定统一的固定索引，确保勾选的checkbox索引和对应行其他字段的索引完全匹配。

修改后的完整代码 #

<?php
$row = [];
if ($_POST) {
    // 遍历提交的勾选项，索引对应行的固定索引
    foreach ($_POST["checked"] as $key => $v) {
        $row[$key]['id'] = $_POST['id'][$key];
        $row[$key]['other_value'] = $_POST['other_value'][$key];
    }
}
print_r($row);
?>

<form action="" method="POST">
  <p>
    <input type="checkbox" name="checked[0]">
    <input type="text" name="id[0]" value="1">
    <input type="text" name="other_value[0]" value="a">
  </p>
  <p>
    <input type="checkbox" name="checked[1]">
    <input type="text" name="id[1]" value="2">
    <input type="text" name="other_value[1]" value="b">
  </p>
  <p>
    <input type="checkbox" name="checked[2]">
    <input type="text" name="id[2]" value="3">
    <input type="text" name="other_value[2]" value="c">
  </p>
  <button type="submit">submit</button>
</form>

循环输出场景的优化方案 #

如果行数据是从数据库循环渲染的，可直接用行主键作为索引，无需额外处理ID字段：

<!-- 循环逻辑示例，$item为数据库查询到的单行数据 -->
<p>
  <input type="checkbox" name="checked[<?php echo $item['id']; ?>]">
  <input type="text" name="other_value[<?php echo $item['id']; ?>]" value="<?php echo $item['other_value']; ?>">
</p>

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