springMVC 复选框带有选择项记忆功能的处理

最新推荐文章于 2021-02-25 14:25:04 发布

weixin_30247159

最新推荐文章于 2021-02-25 14:25:04 发布

阅读量84

点赞数

原文链接：http://www.cnblogs.com/monjeo/p/10557097.html

版权

前言：由于jsp管理页面经常会遇到复选框提交到JAVA后台，后台处理逻辑完成后又返回到jsp页面，此时需要记住jsp页面提交时复选框的选择状态，故编写此功能！

一、复选框的初始化

1.1.jsp页面

　　<c:forEach items="${cycleMap}" var="light">
　　<input type="checkbox" name="id" value="${light.key}" />${light.value}
　　</c:forEach>

1.2.后台JAVA片段

　　//初始化复选框
　　Map<String, String> cycleMap = new HashMap<String, String>();
　　cycleMap.put("FRANCE", "FRANCE");
　　cycleMap.put("ENGLISH", "ENGLISH");
　　cycleMap.put("CHINESE", "CHINESE");

1.3.传参到前端jsp页面

　　mv.addObject("cycleMap", cycleMap);

二、jsp页面复选框提交后，返回提交页面带有选择项记忆功能

　　2.1.java片段

　　String[] idas =new String[3];

　　String ids = "";
　　if(request.getParameterValues("id") != null){
　　　　idas = request.getParameterValues("id");
　　　　ids = StringUtils.join(idas, ",");
　　}else {
　　　　idas[0] = "FRANCE";
　　　　idas[1] = "ENGLISH";
　　　　idas[2] = "CHINESE";
　　　　ids = "FRANCE,ENGLISH,CHINESE;
　　}

2.2 传参到jsp页面

　　mv.addObject("ids", ids);

2.3 JavaScript处理

　　$(function() {//页面加载的时候触发
　　 var boxObj = $("input:checkbox[name='id']"); //获取所有的复选框
　　 var expresslist = '${ids}'; //用el表达式获取在控制层存放的复选框的值为字符串类型
　　 var express = expresslist.split(','); //去掉它们之间的分割符“，”
　　 for(i=0;i<boxObj.length;i++){
　　for(j=0;j<express.length;j++){
　　 if(boxObj[i].value == express[j]) //如果值与修改前的值相等
　　 {
　　 boxObj[i].checked= true;
　　 break;
　　 }
　　　　}
　　 }
　　})

</script>

经过实际项目验证无误，分享共勉！