浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)

 更新时间:2018年01月08日 15:06:32   作者:一包大豫竹  
下面小编就为大家分享一篇浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

我这里往后端传递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 浮点数运算的精度问题

    详解JavaScript 浮点数运算的精度问题

    这篇文章主要介绍了详解JavaScript 浮点数运算的精度问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • JS对象深度克隆实例分析

    JS对象深度克隆实例分析

    这篇文章主要介绍了JS对象深度克隆,结合实例形式分析了JavaScript对象深度克隆的实现方法与相关注意事项,需要的朋友可以参考下
    2017-03-03
  • 禁止IE用右键的JS代码

    禁止IE用右键的JS代码

    这篇文章主要介绍了禁止IE用右键的JS代码,有需要的朋友可以参考一下
    2013-12-12
  • 微信小程序wx:for 的使用及wx:key绑定两种方式

    微信小程序wx:for 的使用及wx:key绑定两种方式

    wx:for是微信小程序中的一个列表渲染指令,用于循环渲染一个数组或对象中的数据,它类似于JavaScript中的for循环,可以根据数据的长度自动渲染相应的列表项,本文给大家介绍微信小程序wx:for 的使用及wx:key绑定两种方式,感兴趣的朋友一起看看吧
    2023-12-12
  • JavaScript数组去重的六种方式

    JavaScript数组去重的六种方式

    在平时的前端开发中,常常会遇到数组去重的场景,比如表单校验重复的数据,有重复数据不让提交,或者对后端返回的数据进行去重展示等,同时它也是一道经典的前端JavaScript基础面试题,本期一起来带大家看看去重的各种花样方法,需要的朋友可以参考下
    2024-12-12
  • JS简单获取客户端IP地址的方法【调用搜狐接口】

    JS简单获取客户端IP地址的方法【调用搜狐接口】

    这篇文章主要介绍了JS简单获取客户端IP地址的方法,通过调用搜狐接口来简单实现获取访客IP地址的功能,非常简便实用,需要的朋友可以参考下
    2016-09-09
  • JS实现的自定义右键菜单实例二则

    JS实现的自定义右键菜单实例二则

    这篇文章主要介绍了JS实现的自定义右键菜单,以两则实例形式分析了javascript自定义右键菜单效果的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • JavaScript高级程序设计(第三版)学习笔记6、7章

    JavaScript高级程序设计(第三版)学习笔记6、7章

    这篇文章主要介绍了JavaScript高级程序设计(第三版)学习笔记6、7章 的相关资料,需要的朋友可以参考下
    2016-03-03
  • 博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)

    博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)

    现在很多的独立博客和网站如人人网等,都使用了让侧边栏模块随滚动条滑动而位置固定的效果
    2013-03-03
  • JS生态系统加速npm脚本优化及性能分析探索

    JS生态系统加速npm脚本优化及性能分析探索

    这篇文章主要为大家介绍了JS生态系统加速npm脚本优化及性能分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2024-01-01

最新评论