表单提交时如何仅获取选中复选框对应行的productLink输入值？

我懂你的困扰——现在提交表单时，能拿到选中的productId，但productLink会把所有行的内容都传过去，根本没法对应上选中的条目对吧？这问题出在你当前的表单字段命名方式上，咱们一步步来解决它。

问题根源 #

你现在用的productId[]和productLink[]是两个完全独立的数组，表单提交时，不管复选框有没有被选中，所有的productLink输入框内容都会被打包发送。而productId[]只包含选中项的值，这就导致两个数组的索引对应不上，后端自然没法准确匹配选中的ID和对应的链接。

解决方案：让ID和链接绑定关联 #

咱们可以给每个productLink的输入框命名时，用对应的产品ID作为数组键，这样就能和选中的productId一一对应上。

修改后的表单代码 #

<form action="process.php" method="post">
  <table>
    <?php foreach ($products as $product): ?>
    <tr>
      <td>
        <!-- 选中的产品ID存在selectedProducts数组里 -->
        <input type="checkbox" name="selectedProducts[]" value="<?= $product->id; ?>" />
        <!-- 用产品ID作为productLink数组的键 -->
        <input type="text" name="productLink[<?= $product->id; ?>]" placeholder="输入链接" />
      </td>
    </tr>
    <?php endforeach; ?>
    <tr>
      <td><button type="submit">提交表单</button></td>
    </tr>
  </table>
</form>

后端（PHP）处理代码 #

提交后，后端只需要遍历选中的产品ID，从productLink数组里取出对应的链接即可：

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 获取选中的产品ID数组，默认空数组防止报错
    $selectedIds = $_POST['selectedProducts'] ?? [];
    // 获取所有提交的产品链接
    $allLinks = $_POST['productLink'] ?? [];
    
    // 筛选出选中产品对应的链接
    $selectedLinks = [];
    foreach ($selectedIds as $id) {
        // 确保对应的链接存在，避免未输入的情况
        if (isset($allLinks[$id]) && !empty(trim($allLinks[$id]))) {
            $selectedLinks[$id] = trim($allLinks[$id]);
        }
    }
    
    // 现在$selectedLinks就是你要的结果了，键是产品ID，值是对应链接
    print_r($selectedLinks);
}
?>

额外说明 #

如果你不想改后端逻辑，也可以用JavaScript在表单提交前，把未选中行的productLink输入框设置为disabled（disabled的表单字段不会被提交）。不过这种方式依赖前端，用户可以通过调试工具绕过，所以还是后端筛选的方法更安全可靠。

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