下面我就為大家分享一篇淺談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='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>
後端:
@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的值(隱藏域方式)就是我分享給大家的全部內容了
相關文章:
##使用vue如何實作CSS過渡效果使用微信小程式如何實作圖片上傳功能以上是在SpringMVC中post如何取得多選框value的值(程式碼實例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!