浅谈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焦点图切换简易插件制作过程全纪录
Aug 27 Javascript
分享经典的JavaScript开发技巧
Nov 21 Javascript
javascript实现别踩白块儿小游戏程序
Nov 22 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
Jan 04 Javascript
使用jquery获取url及url参数的简单实例
Jun 14 Javascript
详解vue 实例方法和数据
Oct 23 Javascript
详解bootstrap导航栏.nav与.navbar区别
Nov 23 Javascript
使用layer弹窗和layui表单实现新增功能
Aug 09 Javascript
vue使用keep-alive保持滚动条位置的实现方法
Apr 09 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
May 21 Javascript
js布局实现单选按钮控件
Jan 17 Javascript
javascript实现计算器功能
Mar 30 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控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
php中使用临时表查询数据的一个例子
2013/02/03 PHP
简单谈谈php延迟静态绑定
2016/01/26 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
2013/03/04 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
javascript右下角弹层及自动隐藏(自己编写)
2013/11/20 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
2013/12/12 Javascript
javascript原型链继承用法实例分析
2015/01/28 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
2015/06/19 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
2015/12/02 Javascript
JavaScript中闭包之浅析解读(必看篇)
2016/08/25 Javascript
AngularJS过滤器filter用法实例分析
2016/11/04 Javascript
select下拉框插件jquery.editable-select详解
2017/01/22 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
Vuex 入门教程
2018/01/10 Javascript
Node.js log4js日志管理详解
2018/07/31 Javascript
小程序点赞收藏功能的实现代码示例
2018/09/07 Javascript
google广告之另类js调用实现代码
2020/08/22 Javascript
[02:36]DOTA2混沌骑士 英雄基础教程
2013/11/26 DOTA
Python中itertools模块用法详解
2014/09/25 Python
Python3.2中的字符串函数学习总结
2015/04/23 Python
python控制台中实现进度条功能
2015/11/10 Python
Python 读写文件和file对象的方法(推荐)
2016/09/12 Python
详细介绍pandas的DataFrame的append方法使用
2019/07/31 Python
python 实现绘制整齐的表格
2019/11/18 Python
jupyter notebook 增加kernel教程
2020/04/10 Python
五种Python转义表示法
2020/11/27 Python
Python关于拓扑排序知识点讲解
2021/01/04 Python
HTML5中使用postMessage实现两个网页间传递数据
2016/06/22 HTML / CSS
应届电子商务毕业自荐书范文
2014/02/11 职场文书
关于运动会的广播稿(10篇)
2014/09/12 职场文书
郭明义电影观后感
2015/06/08 职场文书