首页 > 其他分享 >设置Thymeleaf页面复选框显示勾选效果

设置Thymeleaf页面复选框显示勾选效果

时间:2023-11-09 19:35:08浏览次数:30  
标签:map mapList spring boot thymeleaf 复选框 勾选 Thymeleaf 页面

Springboot版本

<parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.7.14</version>
        <relativePath/>
</parent>

  引入的thymeleaf依赖

<!--引入thymeleaf依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

  java层代码

 for (Map<String, Object> map : mapList) {
            String userName = map.get("user_name").toString();
            if (selectUserList.contains(userName)){
                map.put("status","1");
            }else {
                map.put("status","0");
            }
        }
        mapList.forEach(a->{
            System.out.println(a);
        });
        model.addAttribute("users",mapList);

  thymeleaf页面代码

 

<div th:each="user : ${users}">
				<div class="form-check">
					<span th:text="${user.user_name}" >用户名</span>
					<input class="form-check-input permission-checkbox"  th:checked="${user.status} eq '1'"  type="checkbox" th:value="${user.user_role_id}" th:id="${'user' + user.user_role_id}">
				</div>
			</div>

  

 

标签:map,mapList,spring,boot,thymeleaf,复选框,勾选,Thymeleaf,页面
From: https://www.cnblogs.com/q202105271618/p/17822606.html

相关文章

  • 购物车 复选框和反选 全部选择案例
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>购物车复选框的选中反选的案例</title></head><body>All<inputclass="all"name="Checkbox"......
  • [Springboot整合thymeleaf]处理js中的路径问题。
    使用了thymeleaf模板引擎之后,html中的标签,都可以直接替换成th:srcth:href但是处理js的中的资源路径并不是像jsp那么简单了。可以通过以下方式解决。<!--处理路径问题--><scriptth:inline="javascript">varpath=[[${#request.contextPath}]]</script><scriptth:inl......
  • 封装a-select下拉增加复选框,支持全选和取消全选
    由于select下拉框中内容过多,使用下拉一个一个选取太过于麻烦,所以在下拉中增加全选和取消全选操作,增加复选框选择。版本  vue3   [email protected].我们在看AntDesignVue官网中,可以发现这个dropdownRender,它可以定义下拉框中的内容。 2.封装vue组件<template......
  • thymeleaf引用JS加随机数防止缓存
    一、运行环境1、Thymeleaf2.2.22、SpringBoot2.6.4二、实际代码<scriptth:src="@{/back/js/cloud/manageAddress.js(__${#httpServletRequest.getSession().getId()}__)}"></script>说点废话。都说ChatGPT智能,至少我感觉3.5一般国内有人搭建了要收费 其实ChatGPT对写代码还是......
  • QT 菜单中添加Qcheckbox复选框
    //回放autowidget=newQWidget;{autocheckbox=newQCheckBox("回放");autolayout=newQHBoxLayout;layout->addWidget(checkbox);layout->setContentsMargins(5,1,5,1);widget->setLayout(l......
  • Thymeleaf使用案例
    1、在项目中添加依赖项,以下2个缺一不可。<!--https://mvnrepository.com/artifact/org.thymeleaf/thymeleaf-spring5--><dependency><groupId>org.thymeleaf</groupId><artifactId>thymeleaf-spring5</artifactId><version>3.1.......
  • Thymeleaf 模板引擎
    Thymeleaf简介Thymeleaf(https://www.thymeleaf.org/Thymeleaf3.0.15)是一个XML/XHTML/HTML5模板引擎,可用于Web与非Web环境中的应用开发。它是一个开源的Java库,基于ApacheLicense2.0许可。Thymeleaf提供了一个用于整合SpringMVC的可选模块,在应用开发中,你可以使用Thymeleaf......
  • 将复选框设置为已选中状态,使用jQuery
    内容来自DOChttps://q.houxu6.top/?s=将复选框设置为已选中状态,使用jQuery我想使用jQuery来选中一个复选框,就像这样:$(".myCheckBox").checked(true);或者$(".myCheckBox").selected(true);有这样的方法吗?现代jQuery使用.prop():$('.myCheckbox').prop('checked',......
  • WINCCV7.5SP2VBS+复选框做趋势曲线显示隐藏功能
    这是我在新浪博客发表过的一篇学习笔记,在这里也记录一遍。新浪博客地址是WINCCV7.5SP2VBS+复选框做趋势曲线显示隐藏功能_来自金沙江的小鱼_新浪博客(sina.com.cn) 新建一个WINCC项目,新建3个内u浮点数变量,2个BOOL变量,设置初始值。设置变量记录,关联这5个变量,启动变量记录。新建......
  • 在jQuery中如何检查一个复选框是否被选中?
    内容来自DOChttps://q.houxu6.top/?s=在jQuery中如何检查一个复选框是否被选中?我需要检查复选框的checked属性,并根据该属性使用jQuery执行操作。例如,如果age复选框被选中,那么我需要显示一个文本框以输入age,否则隐藏该文本框。但是以下代码默认返回false:if($('#isAgeSelec......