Thymeleaf布尔属性绑定异常：设置模型属性为true后复选框未勾选

你的核心问题出在Thymeleaf的th:checked属性用法上，结合代码场景，我给你整理了具体的修正方案：

1. 修正th:checked的绑定逻辑 #

Thymeleaf的th:checked属性直接接受布尔值，不需要手动返回字符串'checked'。你原来的写法th:checked="${abroad} ? 'checked'"会返回字符串，但Thymeleaf期望的是布尔判断，所以无法正确触发勾选状态。

把复选框代码改成这样：

<div class="row text-center">
  <input type="hidden" name="abroad" value="off"/>
  <input type="checkbox" name="abroad" onchange="getAbroad(this)" th:checked="${abroad}"/>
  <span>Abroad</span>
</div>

2. 优化隐藏字段的配置 #

你原来的隐藏字段name="_abroad"和复选框name="abroad"名称不一致，会导致表单提交时参数混乱。建议把隐藏字段的name和复选框保持一致，值设为off：

• 复选框勾选时，表单提交abroad=on（浏览器默认行为）
• 复选框未勾选时，隐藏字段提交abroad=off，确保后端能接收到明确的参数值

3. 确认Controller中的模型传递 #

务必确保你在Controller中正确将abroad属性设置为true并添加到Model中，示例代码如下：

@GetMapping("/your-target-page")
public String showPage(Model model) {
    // 设置abroad为true，让复选框默认勾选
    model.addAttribute("abroad", true);
    return "your-template-name";
}

快速验证方式 #

打开页面的开发者工具，查看渲染后的HTML源码：

• 如果abroad为true，复选框标签应该带有checked属性
• 如果没有出现该属性，说明模型中的值没有正确传递到前端，需要检查Controller的逻辑

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