HTML表格复选框勾选后PHP仅能获取首行输入文本问题

我帮你找到了问题的核心原因，咱们一步步拆解解决：

为什么只有第一行能正常获取内容？ #

你当前的代码逻辑存在一个关键错误：

• 复选框的name="test[]"提交后会生成数组，数组的键（$key）是按勾选顺序自动分配的0、1、2...，而你设置的value是1、2、3（对应行号）。
• 输入框的name="tCode[]"生成的数组，键是按行顺序分配的0、1、2（第一行是tCode[0]，第二行是tCode[1]，第三行是tCode[2]）。

举个例子：当你勾选第二行的复选框时，$_POST['test']会变成array(0 => '2')，你用$key=0去取$_POST['tCode'][0]，这其实是第一行的输入内容，而第二行的内容存在tCode[1]里，自然就取不到了。

解决方案 #

有两种简单的修复方式，任选其一即可：

方法1：让复选框的value对应输入框数组的索引 #

把复选框的value改成0、1、2（对应tCode数组的索引），然后在PHP中用$value作为tCode的索引：

修改后的PHP代码：

<?php 
if(isset($_POST['submit'])) { 
    foreach($_POST['test'] as $value) { 
        echo $_POST['tCode'][$value] . '<br>'; 
    } 
} 
?>

修改后的复选框部分：

<!-- 第一行复选框 -->
<input type="checkbox" name="test[]" id="test1" value ="0" />
<!-- 第二行复选框 -->
<input type="checkbox" name="test[]" id="test2" value ="1" />
<!-- 第三行复选框 -->
<input type="checkbox" name="test[]" id="test3" value ="2"/>

方法2：给复选框指定与输入框对应的数组键 #

直接把复选框的name设置为test[0]、test[1]、test[2]，这样勾选后提交的$_POST['test']数组的键就和tCode的索引完全对应，你的原PHP代码不用改就能正常工作：

修改后的复选框部分：

<!-- 第一行复选框 -->
<input type="checkbox" name="test[0]" id="test1" value ="1" />
<!-- 第二行复选框 -->
<input type="checkbox" name="test[1]" id="test2" value ="1" />
<!-- 第三行复选框 -->
<input type="checkbox" name="test[2]" id="test3" value ="1"/>

额外的HTML规范修正 #

你的代码还有两个小问题需要调整，避免潜在的兼容性问题：

1. 重复的id属性：多个元素用了相同的id="name"，HTML要求id必须唯一，改成test1、test2、test3这类唯一值。
2. 表格结构错误：<th>标签里嵌套了<td>，这不符合HTML规范，应该把<th>和<td>作为<tr>的直接子元素。

完整修正后的代码示例 #

<?php 
if(isset($_POST['submit'])) { 
    foreach($_POST['test'] as $key=>$value) { 
        echo $_POST['tCode'][$key] . '<br>'; 
    } 
} 
?>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="width:48%; margin-left:440px">
<table border="0px" align="center" class = "table" style="margin-right:530px;">
<form name="MainForm" method="post" action="" >
<tr>
    <th style="float:right">Tracking code:</th>
    <td><input type="textbox" name="tCode[]" id="tCode1" ></td>
    <td><input type="checkbox" name="test[0]" id="test1" value ="1" /></td>
</tr>
<tr>
    <th style="float:right">Order Code: </th>
    <td><input type="textbox" name="tCode[]" id="tCode2" ></td>
    <td><input type="checkbox" name="test[1]" id="test2" value ="1" /></td>
</tr>
<tr>
    <th style="float:right">product Code: </th>
    <td><input type="textbox" name="tCode[]" id="tCode3" ></td>
    <td><input type="checkbox" name="test[2]" id="test3" value ="1"/></td>
</tr>
<tr>
    <td></td>
    <td><input class="btn" type="submit" value="Submit" name = "submit" style="margin-left:50px" /></td>
</tr>
</form>
</table>
</div>
</body>
</html>

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