本文详解如何在 php+mysql 查询表格中，为每一行数据正确渲染独立复选框，并确保其 name、value 和 id 唯一可识别，避免重复命名导致前端无法准确获取选中状态。

本文详解如何在 php+mysql 查询表格中，为每一行数据正确渲染独立复选框，并确保其 name、value 和 id 唯一可识别，避免重复命名导致前端无法准确获取选中状态。

在基于 PHP 的数据库查询展示页面（如 correlationwafer_result.php）中，为每条记录添加复选框是常见需求——例如支持批量选择、导出或标记特定 Lot ID（如 Q54497899）。但原始代码存在多个关键问题：表头重复输出、复选框逻辑错位、foreach($productlotid as ...) 误用（$productlotid 是字符串而非数组）、复选框未嵌入 <tr> 表格结构内导致 HTML 无效，且缺少 <code>name 属性的合理设计（如使用数组语法 name="selected_lots[]"），致使后端无法接收多选值。

✅ 正确实现方式如下（已优化结构与语义）：

<?php
include("_dbconn.php");
include("//sgewsnant21.amk.st.com/ewsweb/wwwroot/library/common7/db_config.inc");
include("//sgewsnant21.amk.st.com/ewsweb/wwwroot/library/common7/standard_defines.inc");
session_start();

$productlotid = $_GET['productlotid'] ?? '';

// 使用预处理防止 SQL 注入（强烈推荐）
$stmt = $conn->prepare("SELECT * FROM productdb.tbl_correlationwafer WHERE `lotid` = ?");
$stmt->bind_param("s", $productlotid);
$stmt->execute();
$result1 = $stmt->get_result();

if ($result1->num_rows === 0) {
    echo "<p>未找到匹配的 Lot ID: {$productlotid}</p>";
    exit;
}

// 渲染表头（仅一次）
echo '<table id="corwafer" border="1" class="table table-striped">
        <thead>
            <tr>
                <th><input type="checkbox" id="select-all" title="全选/取消"></th>
                <th colspan="2">Lot ID</th>
                <th colspan="2">Product</th>
                <th colspan="4">EWSFLOW</th>
                <th>Zone</th>
            </tr>
        </thead>
        <tbody>';
$cnt = 0;
while ($row = $result1->fetch_assoc()) {
    $lotid   = htmlspecialchars($row["lotid"]);
    $product = htmlspecialchars($row["product"]);
    $ewsflow = htmlspecialchars($row["ewsflow"]);
    $zone    = htmlspecialchars($row["zone"]);

    // ✅ 每行复选框：name 使用数组形式，value 为唯一标识（如 lotid），ID 唯一
    $checkbox = sprintf(
        '<input type="checkbox" name="selected_lots[]" value="%s" id="chk-lot-%d">',
        $lotid,
        $cnt
    );

    echo "<tr>
            <td>{$checkbox}</td>
            <td colspan='2'>{$lotid}</td>
            <td colspan='2'>{$product}</td>
            <td colspan='4'>{$ewsflow}</td>
            <td>{$zone}</td>
          </tr>";
    $cnt++;
}
echo '</tbody></table>';

// 全选 JS（可选增强）
?>
<script>
document.getElementById('select-all').addEventListener('change', function() {
    const checkboxes = document.querySelectorAll('input[name="selected_lots[]"]');
    checkboxes.forEach(cb => cb.checked = this.checked);
});
</script>

? 关键改进说明：

• 安全加固：改用 mysqli::prepare() 防止 SQL 注入；htmlspecialchars() 防止 XSS；
• HTML 合理性：复选框置于 <td> 内，与数据行对齐，符合表格语义； <li> <strong>后端可接收</strong>：<code>name="selected_lots[]" 使 PHP 可通过 $_POST['selected_lots'] 直接获取选中值数组；
• 唯一性保障：每个 checkbox 的 id 和 value 均基于 $row["lotid"] 或计数器生成，杜绝冲突；
• 用户体验：增加“全选”功能，提升操作效率。

⚠️ 注意事项：

• 切勿在循环中重复输出 <thead> 或表头 <code><tr> —— 应只在循环外定义一次； <li>原始答案 <code>$('chkproductlotid').val() 是错误的 jQuery 写法（缺少 # 或 .，且未考虑多元素），正确应为 $('input[name="selected_lots[]"]:checked').map(...).get()；
• 若需提交表单，请确保整个表格包裹在 <form method="post"></form> 中，并添加提交按钮。

通过以上重构，即可稳定、安全、可维护地为每一行结果添加功能完备的复选框。