浅谈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的值(隐藏域方式)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Packer 3.0 JS压缩及混淆工具 下载

    Packer 3.0 JS压缩及混淆工具 下载

    Packer 3.0 JS压缩及混淆工具 下载...
    2007-05-05
  • codemirror6实现自定义代码提示效果实例

    codemirror6实现自定义代码提示效果实例

    这篇文章主要给大家介绍了关于codemirror6实现自定义代码提示效果的相关资料,CodeMirror是一个网络代码编辑器组件,它可以在网站中用于实现支持多种编辑功能的文本输入字段,并具有丰富的编程接口以允许进一步扩展,需要的朋友可以参考下
    2023-08-08
  • JS去除字符串的空格增强版(可以去除中间的空格)

    JS去除字符串的空格增强版(可以去除中间的空格)

    之前发了不少了去除字符串空格的代码,但都是去除开始与结尾的,下面的这段代码可以去除中间的。
    2009-08-08
  • 详解小程序用户登录状态检查与更新实例

    详解小程序用户登录状态检查与更新实例

    这篇文章主要介绍了小程序用户登录状态检查与更新实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • JS实现苹果计算器

    JS实现苹果计算器

    这篇文章主要为大家详细介绍了JS实现苹果计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • JS中Location使用详解

    JS中Location使用详解

    javascript中 location用于获取或设置窗体的URL,并且可以用于解析URL,是BOM中最重要的对象之一,下面我们就来详细探讨下Location对象的使用。
    2015-05-05
  • 纯js实现页面返回顶部的动画(超简单)

    纯js实现页面返回顶部的动画(超简单)

    下面小编就为大家带来一篇纯js实现页面返回顶部的动画(超简单)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • js window.open弹出新的网页窗口

    js window.open弹出新的网页窗口

    弹出新的网页窗口的方法有很多,在本文为大家介绍下使用js的window.open方法来实现,需要的朋友可以了解下
    2014-01-01
  • layer.open的自适应及居中及子页面标题的修改方法

    layer.open的自适应及居中及子页面标题的修改方法

    今天小编就为大家分享一篇layer.open的自适应及居中及子页面标题的修改方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • H5图片压缩与上传实例

    H5图片压缩与上传实例

    这篇文章主要为大家详细介绍了H5图片压缩与上传的实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04

最新评论