浅谈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在TextArea光标位置插入文字并实现移动光标到文字末尾
Jun 21 Javascript
JS简单模拟触发按钮点击功能的方法
Nov 30 Javascript
JS+Canvas绘制时钟效果
Aug 20 Javascript
AngularJS延迟加载html template
Jul 27 Javascript
Vue.js父与子组件之间传参示例
Feb 28 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
Aug 16 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
Jan 10 Javascript
vue项目搭建以及全家桶的使用详细教程(小结)
Dec 19 Javascript
JavaScript函数定义方法实例详解
Mar 05 Javascript
说说如何使用Vuex进行状态管理(小结)
Apr 14 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 Javascript
Vue实现base64编码图片间的切换功能
Dec 04 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 高手之路(二)
2006/10/09 PHP
PHP5全版本绕过open_basedir读文件脚本漏洞详细介绍
2015/01/20 PHP
php商品对比功能代码分享
2015/09/24 PHP
php实现的后台表格分页功能示例
2017/10/23 PHP
用javascript实现的图片马赛克后显示并切换加文字功能
2007/04/21 Javascript
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
javascript比较两个日期的先后示例代码
2014/12/31 Javascript
jQuery插件jPaginate实现无刷新分页
2015/05/04 Javascript
学习使用jquery iScroll.js移动端滚动条插件
2020/03/24 Javascript
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
浅谈javascript中关于日期和时间的基础知识
2016/07/13 Javascript
thinkjs之页面跳转同步异步操作
2017/02/05 Javascript
Bootstrap table 定制提示语的加载过程
2017/02/20 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
2017/04/18 Javascript
解决vue-cli webpack打包后加载资源的路径问题
2018/09/25 Javascript
Nuxt.js开启SSR渲染的教程详解
2018/11/30 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
2019/08/20 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
原生js+canvas实现贪吃蛇效果
2020/08/02 Javascript
[01:28:56]2014 DOTA2华西杯精英邀请赛 5 24 CIS VS DK
2014/05/26 DOTA
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
Python3使用SMTP发送带附件邮件
2020/06/16 Python
Python返回数组/List长度的实例
2018/06/23 Python
python代码 输入数字使其反向输出的方法
2018/12/22 Python
理想高通滤波实现Python opencv示例
2019/01/30 Python
Python3.7 dataclass使用指南小结
2019/02/22 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
python实现简单图书管理系统
2019/11/22 Python
Python基于pandas绘制散点图矩阵代码实例
2020/06/04 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
基于OpenCV的路面质量检测的实现
2020/11/04 Python
HTML5 window/iframe跨域传递消息 API介绍
2013/08/26 HTML / CSS
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
护理专科自荐书范文
2014/02/18 职场文书
白血病捐款倡议书
2014/05/14 职场文书
正风肃纪剖析材料
2014/09/30 职场文书