이제 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='button' value='确定' 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 + ',';
}
}
$("#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에서 이미지를 업로드하고 압축하는 방법(자세한 튜토리얼)
WeChat 애플릿을 사용하여 사진 업로드 기능을 구현하는 방법
위 내용은 SpringMVC의 게시물에서 다중 선택 상자 값을 얻는 방법(코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!