浅谈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 相关文章推荐
JavaScript为对象原型prototype添加属性的两种方式
Aug 01 Javascript
JS获取鼠标坐标的实例方法
Jul 18 Javascript
JS判断客服QQ号在线还是离线状态的方法
Jan 13 Javascript
js实现Select下拉框具有输入功能的方法
Feb 06 Javascript
JavaScript实现定时隐藏与显示图片的方法
Aug 06 Javascript
jquery带有索引按钮且自动轮播切换特效代码分享
Sep 15 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
Apr 30 Javascript
JavaScript new对象的四个过程实例浅析
Jul 31 Javascript
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
vue router的基本使用和配置教程
Nov 05 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
May 08 Javascript
vue实现动态按钮功能
May 13 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中记录用户访问过的产品,在cookie记录产品id,id取得产品信息
2011/05/04 PHP
[原创]php实现数组按拼音顺序排序的方法
2017/05/03 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
javascript中创建对象的几种方法总结
2013/11/01 Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
2014/10/17 Javascript
BootStrap3学习笔记(一)之网格系统
2016/05/20 Javascript
基于cookie实现zTree树刷新后展开状态不变
2017/02/28 Javascript
微信小程序实现简单表格
2019/02/14 Javascript
深入了解响应式React Native Echarts组件
2019/05/29 Javascript
如何通过JS实现转码与解码
2020/02/21 Javascript
vue倒计时刷新页面不会从头开始的解决方法
2020/03/03 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
[55:48]VGJ.S vs TNC Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
python学生信息管理系统
2018/03/13 Python
Python异常处理操作实例详解
2018/05/10 Python
从0开始的Python学习014面向对象编程(推荐)
2019/04/02 Python
Python 中的参数传递、返回值、浅拷贝、深拷贝
2019/06/25 Python
python-numpy-指数分布实例详解
2019/12/07 Python
python画图常规设置方式
2020/03/05 Python
Python matplotlib修改默认字体的操作
2020/03/05 Python
Python 输出详细的异常信息(traceback)方式
2020/04/08 Python
css3利用transform变形结合事件完成扇形导航
2020/10/26 HTML / CSS
365 Tickets英国:全球景点门票
2019/07/06 全球购物
美津浓巴西官方网站:Mizuno巴西
2019/07/24 全球购物
乌克兰网上珠宝商店:GoldSoveren
2020/03/31 全球购物
澳大利亚厨房和家用电器购物网站:Bing Lee
2021/01/11 全球购物
《乡下孩子》教学反思
2014/04/17 职场文书
大学生英语演讲稿
2014/04/24 职场文书
企业金融服务方案
2014/06/03 职场文书
淘宝活动总结范文
2014/06/26 职场文书
销售人员工作自我评价
2014/09/21 职场文书
流动人口婚育证明范本
2014/09/26 职场文书
暂停营业通知
2015/04/25 职场文书
2016年领导干部廉政承诺书
2016/03/24 职场文书
少儿励志名言(80句)
2019/08/14 职场文书