使用 thymeleaf 检查带有类型复选框的输入

Question

我一直在玩 spring-boot 和 thymeleaf；我正在尝试做一个表格，我将在其中列出数字，用户将 select 它们；但是我想 "checked" 第三个元素（当等于 3 时），但我看不到输入已被选中。

我在加载信息和显示复选框时没有问题，当我想在页面加载时默认选中其中之一时出现问题。

我需要一些帮助来确定它应该是什么问题，或者它是否是 th:checked 属性.

的错误

我在控制器里有这个

@ModelAttribute("allFeatures")
public List<Integer> populateFeatures() {
    return  Arrays.asList(1, 2, 3, 4, 5, 6);
}

这是html代码

<ul>
    <li th:each="feat : ${allFeatures}">
        <input type="checkbox" th:field="*{features}" th:value="${feat}" th:checked="${feat == 3}"></input>
        <label th:for="${#ids.prev('features')}" th:text="${'seedstarter.feature.' + feat}">Electric Heating</label>
    </li>
    <li th:remove="all">
        <input id="removed1" type="checkbox"/> <label for="removed1">Turf</label>
    </li>
</ul>

提前致谢。

Answer 1

使用th:checked并避免th:field并包含'name'属性

<input type="checkbox" th:checked="${feat} == 3" name="features"></input>

额外评论

但正确的方法是避免 th:checked 和 'name' 归因并坚持使用 th:field。但在那种情况下，您必须确保在将模型属性发布到视图之前在控制器中初始化模型属性 "features"。在这里，您可以定义默认情况下从控制器本身选中哪个复选框。

但是您的情况似乎有点棘手，因为您想要显示复选框的动态列表。所以我更喜欢第一种方案。

使用 thymeleaf 检查带有类型复选框的输入

Check inputs with type checkbox with thymeleaf

thymeleaf

spring-boot