thymeleaf 复选框回显_thymeleaf下拉框从后台动态回显选中

Thymeleaf可以通过th:checked属性来控制复选框是否选中，动态回显选中的复选框可以通过在后台设置该属性来实现。以下是一个示例：

<form th:object="${user}" method="post">
    <div>
        <label>爱好：</label>
        <input type="checkbox" name="hobbies" value="reading" th:checked="${user.hobbies.contains('reading')}"/> 阅读
        <input type="checkbox" name="hobbies" value="writing" th:checked="${user.hobbies.contains('writing')}"/> 写作
        <input type="checkbox" name="hobbies" value="traveling" th:checked="${user.hobbies.contains('traveling')}"/> 旅游
    </div>
    <button type="submit">保存</button>
</form>

在这个例子中，我们假设我们有一个User对象，其中有一个List类型的hobbies属性，用于存储用户的爱好。在表单中，我们为每个可能的爱好创建了一个复选框，并使用th:checked属性来控制哪些复选框应该被选中。

`th:checked="${user.hobbies.contains('reading')}"`这一行代码是关键，它检查用户的兴趣列表是否包含“阅读”这个字符串，并相应地将复选框标记为选中或取消选中。同样，我们对每个其他的兴趣选项进行相同的检查。

在处理表单提交时，用户的兴趣列表将被更新，并且我们可以像使用任何其他表单字段一样处理它。