thymleaf 复选框的遍历与选中

最新推荐文章于 2022-02-28 09:41:53 发布

SailLiao

最新推荐文章于 2022-02-28 09:41:53 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： spring-boot

本文链接：https://blog.youkuaiyun.com/Lzlovez/article/details/92989934

spring-boot 专栏收录该内容

10 篇文章

订阅专栏

博客围绕复选框遍历与选中判断展开。提到后端返回的数据为List对象，遍历相关属性时，如 d.checked 必须有 checked 属性，判断选中时 status 属性也必须存在，否则会报错。

复选框遍历与

在这里插入图片描述

<div class="layui-form-item">
    <label class="layui-form-label">图库</label>
    <div class="layui-input-block">
        <tr th:each="d : ${data}">
            <input type="checkbox" th:value="${d.id}" name="imageSource" th:title="${d.name}" th:attr="checked=${d.checked }" />
        </tr>
    </div>
</div>

data 为后端返回的数据是一个List对象。
这些属性都必须有，不然会报错，例如 d.checked 是必须有 checked 这个属性。

判断选中

在这里插入图片描述

<div class="layui-form-item">
    <label class="layui-form-label">状态</label>
    <div class="radio-box">
        <input type="radio" id="radio-1" value="0" name="status" th:attr="checked=${status == 0}">
        <label for="radio-1">有效</label>
        <input type="radio" id="radio-2" value="1" name="status" th:attr="checked=${status == 1}">
        <label for="radio-2">无效</label>
    </div>
</div>