首页 > web前端 > js教程 > 在SpringMVC中post如何获取多选框value的值(代码实例)

在SpringMVC中post如何获取多选框value的值(代码实例)

亚连
发布: 2018-06-12 20:20:38
原创
3195 人浏览过

下面我就为大家分享一篇浅谈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">//实际存储的值,此处隐藏
      <p class="form-group" hidden>
       <form:input path="id" name="id" cssClass="form-control"></form:input>
      </p>
     </spring:bind>
     <spring:bind path="accessControl">//实际存储的值,此处隐藏
      <p class="form-group" hidden>
       <form:input path="accessControl" name="accessControl" cssClass="form-control"></form:input>
      </p>
     </spring:bind>
     <input type=&#39;button&#39; value=&#39;确定&#39; onclick="fun()"/>//调用脚本,给需要post的数据赋值
     <p 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>
     </p>
 </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 + &#39;,&#39;;
   }
  }
  $("#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的值(隐藏域方式)就是我分享给大家的全部内容了

相关文章:

在js中如何实现上传并压缩图片功能(详细教程)

使用vue如何实现CSS过渡效果

使用微信小程序如何实现图片上传功能

以上是在SpringMVC中post如何获取多选框value的值(代码实例)的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板