如何在PHP更新表单中展示PostgreSQL数据库存储的已勾选checkbox状态

现有代码存在的问题 #

• 所有checkbox的name属性未添加[]，多选场景下无法正常提交多个选中值
• 所有checkbox的value错误绑定了数据库返回字段，每个选项应使用对应固定值
• 选中判断仅读取了$_POST提交值，未匹配数据库存储的已选值

步骤1：预处理已选值 #

先将数据库读取的已存储值转为数组，同时兼容表单提交失败的回填场景：

// 处理数据库读取的已选配料，空值默认赋值空数组避免报错
$selected_topings = !empty($row['toping']) ? explode(',', $row['toping']) : [];
// 存在POST提交值时优先用提交值，适配表单提交后回填的场景
if (isset($_POST['toping'])) {
    $selected_topings = is_array($_POST['toping']) ? $_POST['toping'] : [$_POST['toping']];
}

步骤2：修正checkbox渲染代码 #

修改name为数组格式，固定每个选项的value，匹配$selected_topings判断是否选中：

Topings: <br><br>
<label class="checkbox-container">
  <input type="checkbox" name="toping[]" <?php if(in_array("Vanilla", $selected_topings)) echo "checked" ?> value="Vanilla">
  <span class="checkmark"></span>
  <span class="checkbox-txt"> Vanilla</span>
  <br><br>
</label>
<label class="checkbox-container">
  <input type="checkbox" name="toping[]" <?php if(in_array("Chocolate", $selected_topings)) echo "checked" ?> value="Chocolate">
  <span class="checkmark"></span>
  <span class="checkbox-txt">Chocolate</span>
  <br><br>
</label>
<label class="checkbox-container">
  <input type="checkbox" name="toping[]" <?php if(in_array("Caramel", $selected_topings)) echo "checked" ?> value="Caramel">
  <span class="checkmark"></span>
  <span class="checkbox-txt">Caramel</span>
  <br><br>
</label>
<label class="checkbox-container">
  <input type="checkbox" name="toping[]" <?php if(in_array("Strawberry", $selected_topings)) echo "checked" ?> value="Strawberry">
  <span class="checkmark"></span>
  <span class="checkbox-txt">Strawberry</span>
  <br><br>
</label>
<label class="checkbox-container">
  <input type="checkbox" name="toping[]" <?php if(in_array("M&M's", $selected_topings)) echo "checked" ?> value="M&M's">
  <span class="checkmark"></span>
  <span class="checkbox-txt">M&M's</span>
  <br><br>
</label>
<label class="checkbox-container">
  <input type="checkbox" name="toping[]" <?php if(in_array("Oreo", $selected_topings)) echo "checked" ?> value="Oreo">
  <span class="checkmark"></span>
  <span class="checkbox-txt">Oreo</span>
  <br><br>
</label>
<label class="checkbox-container">
  <input type="checkbox" name="toping[]" <?php if(in_array("Meringue", $selected_topings)) echo "checked" ?> value="Meringue">
  <span class="checkmark "></span>
  <span class="checkbox-txt">Meringue</span>
  <br>
</label>

步骤3：提交存储逻辑调整 #

提交表单时将多选数组转为逗号分隔的字符串，再存入PostgreSQL数据库：

// 处理提交的配料值，无选中值时存空字符串
$save_toping = isset($_POST['toping']) ? implode(',', $_POST['toping']) : '';
// 后续将$save_toping写入对应数据库字段即可

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