浅谈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使用cookie记录用户名的方法
Nov 26 Javascript
JavaScript实现点击单元格改变背景色的方法
Feb 12 Javascript
js 获取经纬度的实现方法
Jun 20 Javascript
总结JavaScript的正则与其他语言的不同之处
Aug 25 Javascript
vue2.0获取自定义属性的值
Mar 28 Javascript
深入理解Vue 单向数据流的原理
Nov 09 Javascript
JS 实现微信扫一扫功能
Sep 14 Javascript
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
详解使用JWT实现单点登录(完全跨域方案)
Aug 02 Javascript
简单了解JavaScript弹窗实现代码
May 07 Javascript
npm ci命令的基本使用方法
Sep 20 Javascript
Vue中用JSON实现刷新界面不影响倒计时
Oct 26 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 分页函数multi() discuz
2009/06/21 PHP
rrmdir php中递归删除目录及目录下的文件
2011/05/15 PHP
PHP版国家代码、缩写查询函数代码
2011/08/14 PHP
php内核解析:PHP中的哈希表
2014/01/30 PHP
php禁止浏览器使用缓存页面的方法
2014/11/07 PHP
使用ThinkPHP生成缩略图及显示
2017/04/27 PHP
java解析json方法总结
2019/05/16 PHP
js判断undefined变量类型使用typeof
2013/06/03 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
js动态添加onclick事件可传参数与不传参数
2014/07/29 Javascript
Vue源码学习之初始化模块init.js解析
2017/11/02 Javascript
JS函数节流和函数防抖问题分析
2017/12/18 Javascript
Nodejs中crypto模块的安全知识讲解
2018/01/03 NodeJs
vue.js2.0点击获取自己的属性和jquery方法
2018/02/23 jQuery
Vue 将后台传过来的带html字段的字符串转换为 HTML
2018/03/29 Javascript
JQuery Ajax执行跨域请求数据的解决方案
2018/12/10 jQuery
介绍Python中的文档测试模块
2015/04/28 Python
Python中的集合类型知识讲解
2015/08/19 Python
Linux RedHat下安装Python2.7开发环境
2017/05/20 Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
2019/11/08 Python
python的scipy实现插值的示例代码
2019/11/12 Python
Python3.7实现验证码登录方式代码实例
2020/02/14 Python
Python实现一个简单的毕业生信息管理系统的示例代码
2020/06/08 Python
keras训练浅层卷积网络并保存和加载模型实例
2020/07/02 Python
基于DOM+CSS3实现OrgChart组织结构图插件
2016/03/02 HTML / CSS
秋天的雨教学反思
2014/04/27 职场文书
精神文明单位申报材料
2014/05/02 职场文书
美术第二课堂活动总结
2014/07/08 职场文书
2014年行政助理工作总结
2014/11/19 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
2015年高中班主任工作总结
2015/04/30 职场文书
小学英语教师研修感悟
2015/11/18 职场文书
Pytorch中Softmax与LogSigmoid的对比分析
2021/06/05 Python
python+pytest接口自动化之token关联登录的实现
2022/04/06 Python
Redis主从复制操作和配置详情
2022/09/23 Redis
box-shadow单边阴影的实现
2023/05/21 HTML / CSS