浅谈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实现的仿新浪微博完美的时间组件升级版
Dec 20 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
Jan 07 Javascript
jQuery oLoader实现的加载图片和页面效果
Mar 14 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
Sep 14 Javascript
JavaScript模版引擎的基本实现方法浅析
Feb 15 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
Feb 19 Javascript
angular-ngSanitize模块-$sanitize服务详解
Jun 13 Javascript
教你用Cordova打包Vue项目的方法
Oct 17 Javascript
详解如何用babel转换es6的class语法
Apr 03 Javascript
vue 录制视频并压缩视频文件的方法
Jul 27 Javascript
详解将微信小程序接口Promise化并使用async函数
Aug 05 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
Dec 11 Vue.js
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比较相似字符串的方法
2015/06/05 PHP
如何使用PHP给图片加水印
2016/10/12 PHP
PHP排序算法之希尔排序(Shell Sort)实例分析
2018/04/20 PHP
php DES加密算法实例分析
2019/09/18 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
javascript各种复制代码收集
2008/09/20 Javascript
javascript实例分享---具有立体效果的图片特效
2014/06/08 Javascript
浅谈javascript中自定义模版
2015/01/29 Javascript
JavaScript中Null与Undefined的区别解析
2015/06/30 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
angularjs实现天气预报功能
2020/06/16 Javascript
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
基于node下的http小爬虫的示例代码
2018/01/11 Javascript
详解如何在微信小程序开发中正确的使用vant ui组件
2018/09/13 Javascript
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
使用JQuery自动完成插件Auto Complete详解
2019/06/18 jQuery
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
原生js实现的金山打字小游戏(实例代码详解)
2020/03/16 Javascript
小议Python中自定义函数的可变参数的使用及注意点
2016/06/21 Python
python正则表达式及使用正则表达式的例子
2018/01/22 Python
Python实例方法、类方法、静态方法的区别与作用详解
2019/03/25 Python
Pytorch .pth权重文件的使用解析
2020/02/14 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
Tensorflow之梯度裁剪的实现示例
2020/03/08 Python
Django 解决新建表删除后无法重新创建等问题
2020/05/21 Python
python 6行代码制作月历生成器
2020/09/18 Python
pytorch Dataset,DataLoader产生自定义的训练数据案例
2021/03/03 Python
天猫精选:上天猫,就够了
2016/09/21 全球购物
Made in Design英国:设计家具、照明、家庭装饰和花园家具
2019/09/24 全球购物
香港莎莎官网Sasa.com:亚洲著名国际化妆品商城
2019/11/10 全球购物
霸王洗发水广告词
2014/03/14 职场文书
委托公证书范本
2014/04/03 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
以下牛机,你有几个
2022/04/05 无线电