溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式)

發(fā)布時(shí)間：2020-08-20 04:12:59 來(lái)源：腳本之家 閱讀：180 作者：一包大豫竹 欄目：web開(kāi)發(fā)

我這里往后端傳遞checkbox 多選框value的值是通過(guò)字符串方式傳遞，先調(diào)用js對(duì)選定checkbox遍歷獲取選的的boxvalue，然后寫(xiě)進(jìn)隱藏域，最后作文對(duì)象的屬性提交。見(jiàn)代碼：`

前端：

<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è)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手