浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)


Posted in Javascript onJanuary 08, 2018

我这里往后端传递checkbox 多选框value的值是通过字符串方式传递,先调用js对选定checkbox遍历获取选的的boxvalue,然后写进隐藏域,最后作文对象的属性提交。见代码:`

前端:

<form:form commandName="user" method="post">
     <c:forEach items="${deploys}" var="deploy" varStatus="deployStatus">
      <input type="checkbox" name="checkbox" value="${deploy.id}"/>${deploy.systemName}
      <br>
     </c:forEach>
     <spring:bind path="id">//实际存储的值,此处隐藏
      <div class="form-group" hidden>
       <form:input path="id" name="id" cssClass="form-control"></form:input>
      </div>
     </spring:bind>
     <spring:bind path="accessControl">//实际存储的值,此处隐藏
      <div class="form-group" hidden>
       <form:input path="accessControl" name="accessControl" cssClass="form-control"></form:input>
      </div>
     </spring:bind>
     <input type='button' value='确定' onclick="fun()"/>//调用脚本,给需要post的数据赋值
     <div class="form-group">
      <button type="submit" class="btn btn-primary">保存</button>
      <a class="btn btn-success pull-right" href="/user/list" rel="external nofollow" >返回</a>
     </div>
 </form:form>

脚本:

<script type="text/javascript">
 function fun() {
  var boxes = document.getElementsByTagName("input");
//  var val = []
  var str = "";
  for (var i = 0; i < boxes.length; i++) {
   if (boxes[i].name == "checkbox" && boxes[i].checked == true) {
//    val.push(boxes[i].value);
    str += boxes[i].value + ',';
   }
  }
  $("#accessControl").val(str)
//  alert(atr);
//  alert(val);
 }
</script>

后端:

@RequestMapping(value = "editaccesscontrol", method = RequestMethod.POST) //后端方法,
 public String editAccessControlPost(User user,ModelMap model ) {//接收参数对象user
  userMapper.updateUserAccessControl(user);
  model.addAttribute("user",user);
  model.addAttribute("success", "权限修改成功");
  return "redirect:/user/editaccesscontrol?id="+user.getId();
 }

以上这篇浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js实现运动logo图片效果及运动元素对象sportBox使用方法
Dec 25 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
May 07 Javascript
JavaScript获取DOM元素的11种方法总结
Apr 25 Javascript
原生JavaScript实现滚动条效果
Mar 24 Javascript
jQuery的deferred对象使用详解
Sep 25 Javascript
js移动焦点到最后位置的简单方法
Nov 25 Javascript
基于jQuery实现的幻灯图片切换
Dec 02 Javascript
整理关于Bootstrap警示框的慕课笔记
Mar 29 Javascript
js实现网页的两个input标签内的数值加减(示例代码)
Aug 15 Javascript
使用cropper.js裁剪头像的实例代码
Sep 29 Javascript
详解使用React全家桶搭建一个后台管理系统
Nov 04 Javascript
Element-ui upload上传文件限制的解决方法
Jan 22 Javascript
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 #jQuery
使用 Vue 绑定单个或多个 Class 名的实例代码
Jan 08 #Javascript
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
Jan 08 #jQuery
Angular 项目实现国际化的方法
Jan 08 #Javascript
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 #jQuery
简易Vue评论框架的实现(父组件的实现)
Jan 08 #Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
Jan 08 #Javascript
You might like
一篇入门的php Class 文章
2007/04/04 PHP
解析argc argv在php中的应用
2013/06/24 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
jquery 选项卡效果 新手代码
2011/07/08 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
JS 获取滚动条高度示例代码
2013/10/24 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
2013/12/16 Javascript
更快的异步执行(setTimeout多浏览器)
2014/08/12 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
2015/02/25 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
jQuery实现的放大镜效果示例
2016/09/13 Javascript
canvas实现图像放大镜
2017/02/06 Javascript
JS实现的点击表头排序功能示例
2017/03/27 Javascript
让nodeJS支持ES6的词法----babel的安装和使用方法
2017/07/31 NodeJs
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
详解VueJs中的V-bind指令
2018/05/03 Javascript
微信小程序时间戳转日期的详解
2019/04/30 Javascript
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
2019/09/25 Javascript
JavaScript中使用Spread运算符的八种方法总结
2020/06/18 Javascript
详解小程序横屏方案对比
2020/06/28 Javascript
vue.js封装switch开关组件的操作
2020/10/26 Javascript
[52:31]VP vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python调用C语言的方法【基于ctypes模块】
2018/01/22 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
使用python Fabric动态修改远程机器hosts的方法
2018/10/26 Python
如何使用python操作vmware
2019/07/27 Python
基于keras中的回调函数用法说明
2020/06/17 Python
美国餐厅用品和厨房设备批发网站:KaTom Restaurant Supply
2018/01/27 全球购物
教师自我反思材料
2014/02/14 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
《青山处处埋忠骨》教学反思
2014/04/22 职场文书
党员自我剖析材料
2014/08/31 职场文书
先进学校事迹材料
2014/12/30 职场文书
企业安全生产规章制度
2015/08/06 职场文书
初中团委工作总结
2015/08/13 职场文书
Tomcat弱口令复现及利用
2022/05/06 Servers