浅谈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 相关文章推荐
jQuery定义背景动态切换效果的方法
Mar 23 Javascript
JavaScript实现动态添加,删除行的方法实例详解
Jul 02 Javascript
浅谈javascript中的加减时间
Jul 12 Javascript
JS中script标签defer和async属性的区别详解
Aug 12 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
Angular2使用Augury来调试Angular2程序
May 21 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
微信小程序页面间值传递的两种方法
Nov 26 Javascript
生成无限制的微信小程序码的示例代码
Sep 20 Javascript
Javascript幻灯片播放功能实现过程解析
May 07 Javascript
解决ant Design Search无法输入内容的问题
Oct 29 Javascript
VUE使用draggable实现组件拖拽
Apr 06 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
Discuz!下Memcache缓存实现方法
2010/05/28 PHP
请离开include_once和require_once
2013/07/18 PHP
php网页标题中文乱码的有效解决方法
2014/03/05 PHP
Yii中CGridView实现批量删除的方法
2015/12/28 PHP
浅谈php中urlencode与rawurlencode的区别
2016/09/05 PHP
php getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
JS代码判断IE6,IE7,IE8,IE9的函数代码
2013/08/02 Javascript
JavaScript的递归之递归与循环示例介绍
2013/08/05 Javascript
通过length属性判断jquery对象是否存在
2013/10/18 Javascript
js替代copy(示例代码)
2013/11/27 Javascript
自己实现ajax封装示例分享
2014/04/01 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
2014/10/09 Javascript
jQuery实现返回顶部效果的方法
2015/05/29 Javascript
JS实现支持多选的遍历下拉列表代码
2015/08/20 Javascript
百度搜索框智能提示案例jsonp
2016/11/28 Javascript
bootstrap按钮插件(Button)使用方法解析
2017/01/13 Javascript
js/jq仿window文件夹框选操作插件
2017/03/08 Javascript
Axios学习笔记之使用方法教程
2017/07/21 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
[03:08]迎霜节狂欢!2018年迎霜节珍藏Ⅰ一览
2018/12/25 DOTA
[41:21]夜魇凡尔赛茶话会 第三期02:看图识人
2021/03/11 DOTA
在Python的Flask框架中使用模版的入门教程
2015/04/20 Python
Flask-Mail用法实例分析
2018/07/21 Python
python3 中文乱码与默认编码格式设定方法
2018/10/31 Python
python+selenium 定位到元素,无法点击的解决方法
2019/01/30 Python
详解Python3迁移接口变化采坑记
2019/10/11 Python
pycharm 快速解决python代码冲突的问题
2021/01/15 Python
Tessabit日本:集世界奢侈品和设计师品牌的意大利精品买手店
2020/01/07 全球购物
同步和异步有何异同,在什么情况下分别使用他们
2013/04/09 面试题
酒店总经理助理岗位职责
2014/02/01 职场文书
高中军训感想800字
2014/02/23 职场文书
学校个人对照检查材料
2014/08/26 职场文书
南京市纪委监察局整改方案
2014/09/16 职场文书
热爱劳动主题班会
2015/08/14 职场文书
2015年高三毕业班班主任工作总结
2015/10/22 职场文书