复选框checkbox的数据回显JSP实现

╰+攻爆jí腚メ 2023-01-07 08:53 257阅读 0赞

在修改数据时需要回显数据。  
UserBean代码:

public class User {
        
    
        private Long id;
        private String username;
        private String email;
        private String password;
        private String phoneNum;
        private List<Role> roles; //复选框
    	......

后台Java代码：

@RequestMapping("/alterUI/{userId}")
        public ModelAndView alterUI(@PathVariable Long userId, ModelAndView modelAndView){
        
            User user = userService.findUserByUserId(userId);
            List<Role> roleList = roleService.list();
            List<String> roleNames=new ArrayList<String>();
            for (Role role : user.getRoles()) {
        
                String roleName = role.getRoleName();
                roleNames.add(roleName);
            }
    
            modelAndView.addObject("roleList",roleList);
            modelAndView.addObject("roleNames",roleNames);
            modelAndView.addObject("user",user);
    
            modelAndView.setViewName("user-alter");
            return modelAndView;
        }

导入JSP标签库：

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

JSP实现:  
先从数据库中查出所有复选框，再对每个复选框进行判断是否被选中，即roleNames数组中包含即被选中。

<div class="col-md-10 data">
    	<c:forEach items="${roleList}" var="role">
    		<input class="" id="${role.id}" type="checkbox" name="roleIds" value="${role.id}" ${fn:contains(roleNames,role.roleName)?'checked':''} >${role.roleName}
    	</c:forEach>
    </div>

发表评论取消回复

表情：

评论列表（有 0 条评论，257人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui数据表格复选框回显

<table> <tbody> <tr> <td>LAY_CHECKED</td> <td>Boolean</td> <td>是否全选状态（默

￡神魔★判官ぃ/ 2023年06月28日 09:55/ 0 赞/ 15 阅读

相关 layui回显复选框单选框问题

开发的时候发现layui组件的监听与回显需要特殊处理下如下 > <div class="layui-form-item"> > <

蔚落/ 2023年01月18日 04:13/ 0 赞/ 371 阅读

相关复选框checkbox的数据回显JSP实现

在修改数据时需要回显数据。 UserBean代码: public class User { private Long

╰+攻爆jí腚メ/ 2023年01月07日 08:53/ 0 赞/ 258 阅读

相关 CheckBox复选框

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schem

男娘i/ 2022年09月26日 03:15/ 0 赞/ 312 阅读

相关关于jsp页面checkbox复选框的默认样式的修改(自定义复选框样式)

checkbox复选框的默认样式太low，最近做的项目我选择了自定义样式，网上找了不少文章内容冗余，并且并不是都有效果，所以将自己过程整理出来，以备后用。只要在jsp页面和

客官°小女子只卖身不卖艺/ 2022年05月31日 09:00/ 0 赞/ 481 阅读

相关 layui复选框回显

根据后台传回的数据进行判断是否选择 layui.use(['table','form','laypage','util'], function() {

╰+哭是因爲堅強的太久メ/ 2022年05月10日 08:48/ 0 赞/ 410 阅读

相关 JavaScript操作checkbox复选框

JavaScript操作checkbox的方式和操作radio的方式相似，都是利用元素项的checked属性来完成。先获取checkbox元素集合，遍历集合，对集合中的每一项做

落日映苍穹つ/ 2022年01月13日 07:19/ 0 赞/ 481 阅读

相关 layui表格复选框回显

<table> <thead> <tr> <th>LAY_CHECKED</th> <th>Boolean</th> <th>是否全选状态（默

ゝ一纸荒年。/ 2021年12月22日 20:09/ 0 赞/ 601 阅读

相关 JSP中对复选框checkbox的取值

使用复选框选可以很方便的一次选择多个数据,对于用户来说是很方便的。下面给出一种实现方法，共同学习。如果有其他更好的方法，也希望各位能共享出来。页面中的处理: <ht

ゞ浴缸里的玫瑰/ 2021年09月11日 01:24/ 0 赞/ 380 阅读

相关 HTML input checkbox 复选框

`< input> `标签 type 属性值设置为 "checkbox" 即可创建一个复选框。单选按钮同一时刻只能有一个按钮处于选中状态，复选框则可以选中任意多项...

小灰灰/ 2020年05月15日 17:29/ 0 赞/ 1026 阅读