淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式)
我這里往后端傳遞checkbox 多選框value的值是通過字符串方式傳遞,先調(diào)用js對(duì)選定checkbox遍歷獲取選的的boxvalue,然后寫進(jìn)隱藏域,最后作文對(duì)象的屬性提交。見代碼:`
前端:
<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">//實(shí)際存儲(chǔ)的值,此處隱藏 <div class="form-group" hidden> <form:input path="id" name="id" cssClass="form-control"></form:input> </div> </spring:bind> <spring:bind path="accessControl">//實(shí)際存儲(chǔ)的值,此處隱藏 <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()"/>//調(diào)用腳本,給需要post的數(shù)據(jù)賦值 <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 ) {//接收參數(shù)對(duì)象user userMapper.updateUserAccessControl(user); model.addAttribute("user",user); model.addAttribute("success", "權(quán)限修改成功"); return "redirect:/user/editaccesscontrol?id="+user.getId(); }
以上這篇淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
codemirror6實(shí)現(xiàn)自定義代碼提示效果實(shí)例
這篇文章主要給大家介紹了關(guān)于codemirror6實(shí)現(xiàn)自定義代碼提示效果的相關(guān)資料,CodeMirror是一個(gè)網(wǎng)絡(luò)代碼編輯器組件,它可以在網(wǎng)站中用于實(shí)現(xiàn)支持多種編輯功能的文本輸入字段,并具有豐富的編程接口以允許進(jìn)一步擴(kuò)展,需要的朋友可以參考下2023-08-08JS去除字符串的空格增強(qiáng)版(可以去除中間的空格)
之前發(fā)了不少了去除字符串空格的代碼,但都是去除開始與結(jié)尾的,下面的這段代碼可以去除中間的。2009-08-08純js實(shí)現(xiàn)頁(yè)面返回頂部的動(dòng)畫(超簡(jiǎn)單)
下面小編就為大家?guī)?lái)一篇純js實(shí)現(xiàn)頁(yè)面返回頂部的動(dòng)畫(超簡(jiǎn)單)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-08-08js window.open彈出新的網(wǎng)頁(yè)窗口
彈出新的網(wǎng)頁(yè)窗口的方法有很多,在本文為大家介紹下使用js的window.open方法來(lái)實(shí)現(xiàn),需要的朋友可以了解下2014-01-01layer.open的自適應(yīng)及居中及子頁(yè)面標(biāo)題的修改方法
今天小編就為大家分享一篇layer.open的自適應(yīng)及居中及子頁(yè)面標(biāo)題的修改方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2019-09-09