浅谈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拖动插件(jquery.drag)使用介绍
Jun 18 Javascript
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 Javascript
js重写alert控件(适合学习js的新手朋友)
Aug 24 Javascript
ECMAScript中函数function类型
Jun 03 Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
Oct 23 Javascript
jquery验证邮箱格式是否正确实例讲解
Nov 16 Javascript
基于bootstrap按钮式下拉菜单组件的搜索建议插件
Mar 25 Javascript
javascript兼容性(实例讲解)
Aug 15 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
Sep 03 Javascript
Vue-路由导航菜单栏的高亮设置方法
Mar 17 Javascript
使用node.js实现微信小程序实时聊天功能
Aug 13 Javascript
html中创建并调用vue组件的几种方法汇总
Nov 17 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包含文件函数include、include_once、require、require_once区别总结
2014/04/05 PHP
微信access_token的获取开发示例
2015/04/16 PHP
PHP实现上传文件并存进数据库的方法
2015/07/16 PHP
PHP使用imagick扩展实现合并图像的方法
2017/04/25 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
浅谈laravel框架与thinkPHP框架的区别
2019/10/23 PHP
tbody元素支持嵌套的注意方法
2007/03/24 Javascript
wordpress之js库集合研究介绍
2007/08/17 Javascript
jQuery学习3:操作元素属性和特性
2010/02/07 Javascript
javascript 命名规则 变量命名规则
2010/02/25 Javascript
javascript之typeof、instanceof操作符使用探讨
2013/05/19 Javascript
jQuery中ajax的load()方法用法实例
2014/12/26 Javascript
JavaScript数据结构和算法之图和图算法
2015/02/11 Javascript
webpack3+React 的配置全解
2017/08/21 Javascript
JS正则表达式常见用法实例详解
2018/06/19 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
2018/09/13 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
2019/04/19 Javascript
Vue router安装及使用方法解析
2020/12/02 Vue.js
Python 随机生成中文验证码的实例代码
2013/03/20 Python
Python+Pika+RabbitMQ环境部署及实现工作队列的实例教程
2016/06/29 Python
Python爬虫实现百度图片自动下载
2018/02/04 Python
pandas dataframe添加表格框线输出的方法
2019/02/08 Python
Django后端发送小程序微信模板消息示例(服务通知)
2019/12/17 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
Python实现发票自动校核微信机器人的方法
2020/05/22 Python
Python 爬取淘宝商品信息栏目的实现
2021/02/06 Python
CSS3实现大小不一的粒子旋转加载动画
2016/04/21 HTML / CSS
印度尼西亚值得信赖的第一家网店:Bhinneka
2018/07/16 全球购物
与世界上最好的跑步专业品牌合作:Fleet Feet
2019/03/22 全球购物
简历中自我评价分享
2013/10/09 职场文书
高三英语教学反思
2014/01/13 职场文书
2014年幼儿园教研工作总结
2014/12/04 职场文书
付款证明模板
2015/06/19 职场文书
导游词之唐山景点
2019/12/18 职场文书
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript