>웹 프론트엔드 >JS 튜토리얼 >SpringMVC의 게시물에서 다중 선택 상자 값을 얻는 방법(코드 예)

SpringMVC의 게시물에서 다중 선택 상자 값을 얻는 방법(코드 예)

亚连
亚连원래의
2018-06-12 20:20:383196검색

이제 SpringMVC(숨겨진 필드 방식)의 post 체크박스 다중 선택 상자 값에 대한 기사를 공유하겠습니다. 좋은 참고 값이 있어 모든 분들께 도움이 되기를 바랍니다.

여기서 문자열을 통해 체크박스 다중 선택 상자 값을 백엔드에 전달합니다. 먼저 js를 호출하여 선택된 체크박스를 순회하여 선택된 상자 값을 얻은 다음 이를 숨겨진 필드에 쓰고 마지막으로 제출합니다. 컴포지션 개체의 속성입니다. 코드를 참조하십시오 :`프론트 엔드 :

<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>
back-end :

 @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();
 }
the the the the the the the the the the the the the checkbox checkbox SpringMVC(숨겨진 도메인 방법)의 값은 제가 여러분과 공유하는 전부입니다관련 기사:

JS에서 이미지를 업로드하고 압축하는 방법(자세한 튜토리얼)

vue를 사용하여 CSS 전환 효과를 얻는 방법

WeChat 애플릿을 사용하여 사진 업로드 기능을 구현하는 방법

위 내용은 SpringMVC의 게시물에서 다중 선택 상자 값을 얻는 방법(코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.