浅谈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浮点数保留两位小数点示例代码(四舍五入)
Dec 26 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
Jan 09 Javascript
javascript字符串与数组转换汇总
May 26 Javascript
JavaScript导航脚本判断当前导航
Jul 12 Javascript
JS获取多维数组中相同键的值实现方法示例
Jan 06 Javascript
vue中实现methods一个方法调用另外一个方法
Feb 08 Javascript
React Native基础入门之初步使用Flexbox布局
Jul 02 Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
CryptoJS中AES实现前后端通用加解密技术
Dec 18 Javascript
vue-cli 项目打包完成后运行文件路径报错问题
Jul 19 Javascript
JS实现动态无缝轮播
Jan 11 Javascript
JS 数组和对象的深拷贝操作示例
Jun 06 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 引用是个坏习惯
2010/03/12 PHP
php页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
Yii2使用小技巧之通过 Composer 添加 FontAwesome 字体资源
2014/06/22 PHP
分享微信扫码支付开发遇到问题及解决方案-附Ecshop微信支付插件
2015/08/23 PHP
谈谈PHP中substr和substring的正确用法及相关参数的介绍
2015/12/16 PHP
PHP获取指定日期是星期几的实现方法
2016/11/30 PHP
基于php流程控制语句和循环控制语句(讲解)
2017/10/23 PHP
PHP面向对象类型约束用法分析
2019/06/12 PHP
使用dynatrace-ajax跟踪JavaScript的性能
2010/04/12 Javascript
分享一则javascript 调试技巧
2015/01/02 Javascript
js简单实现标签云效果实例
2015/08/06 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
jquery制做精致的倒计时特效
2016/06/13 Javascript
浅谈Nodejs应用主文件index.js
2016/08/28 NodeJs
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
2019/10/16 jQuery
[49:13]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第一局
2016/02/27 DOTA
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
Python Nose框架编写测试用例方法
2017/10/26 Python
关于Django ForeignKey 反向查询中filter和_set的效率对比详解
2018/12/15 Python
Pyinstaller 打包exe教程及问题解决
2019/08/16 Python
python破解bilibili滑动验证码登录功能
2019/09/11 Python
python 变量初始化空列表的例子
2019/11/28 Python
django连接mysql数据库及建表操作实例详解
2019/12/10 Python
使用opencv将视频帧转成图片输出
2019/12/10 Python
Python爬虫谷歌Chrome F12抓包过程原理解析
2020/06/04 Python
python3中编码获取网页的实例方法
2020/11/16 Python
html5中canvas图表实现柱状图的示例
2017/11/13 HTML / CSS
大学生就业自荐信
2013/10/26 职场文书
简短证婚人证婚词
2014/01/09 职场文书
《吃水不忘挖井人》教学反思
2014/04/15 职场文书
食堂厨师岗位职责
2014/08/25 职场文书
安全伴我行演讲稿
2014/09/04 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
运动员入场词
2015/07/18 职场文书
python 经纬度求两点距离、三点面积操作
2021/06/03 Python