基于PostgreSQL布尔值实现EJS表单复选框选中回显

HTML 复选框的选中状态由独立的布尔型属性 checked 控制：只要 input 标签上存在 checked 属性，无论该属性的取值是什么，浏览器都会默认将复选框渲染为选中状态，这个状态和 value 属性完全无关。你之前把选中状态的判断逻辑写在 value 属性里，属于属性使用错误，自然无法实现回显。
另外你原有代码里还存在两个附带问题：

• td 标签重复写了两次 class="td-form" 属性，属于无效冗余代码
• 后端的 convertCheckbox 逻辑写反，无法正确识别复选框的选中状态

1. 修正 form.ejs 里的复选框模板代码 #

把选中判断逻辑从 value 属性中移出，直接控制 checked 属性的输出，value 设置固定值即可，同时删掉冗余的重复class属性：

<div class="container">
  <td class="td-form">
    <div class="tooltipupc">
      <input 
        type="checkbox" 
        id="repoLocationNaming" 
        name="repoLocationNaming" 
        value="true"
        <%= model.repoLocationNaming ? 'checked' : '' %>
        onclick="checkboxTicked('repoLocationNaming', 1.85)"
      >
      <label for="repoLocationNaming" style="color:red">Repo location and Naming Convention</label><br>
    </div>
  </td>
</div>

<div class="container">
  <td class="td-form">
    <div class="tooltipupc">
      <input 
        type="checkbox" 
        id="userGroupperMissions" 
        name="userGroupperMissions" 
        value="true"
        <%= model.userGroupperMissions ? 'checked' : '' %>
        onclick="checkboxTicked('userGroupperMissions', 1.85)"
      >
      <label for="userGroupperMissions" style="color:red">User Groups (Read, Write, Reviewer)</label><br>
    </div>
  </td>
</div>

渲染逻辑说明：当从数据库取出的 model.xxx 字段值为 true 时，EJS 会在 input 标签上输出 checked 属性，复选框默认选中；字段值为 false 时不输出该属性，复选框默认不选中，回显逻辑生效。

2. 修正后端POST路由的复选框值转换逻辑 #

HTML 表单的默认提交规则是：只有被选中的复选框，才会被加入请求体，值为 input 上设置的 value 属性值；未被选中的复选框不会出现在请求体中，对应字段值为 undefined。你原来的判断逻辑完全不符合这个规则，替换 convertCheckbox 函数为以下实现即可：

function convertCheckbox(checkboxValue){
  // 选中时checkboxValue为"true"，转布尔为true；未选中时为undefined，转布尔为false
  return !!checkboxValue;
}

• 打开编辑页时，EJS 会根据数据库存储的布尔值自动控制复选框的选中状态，回显正常
• 提交表单时，后端会正确转换选中状态为布尔值存入数据库，不会出现状态反转、存值错误的问题

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