欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2018年01月08日 15:06:32   作者:一包大豫竹  
下面小編就為大家分享一篇淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

我這里往后端傳遞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è)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Packer 3.0 JS壓縮及混淆工具 下載

    Packer 3.0 JS壓縮及混淆工具 下載

    Packer 3.0 JS壓縮及混淆工具 下載...
    2007-05-05
  • codemirror6實(shí)現(xiàn)自定義代碼提示效果實(shí)例

    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-08
  • JS去除字符串的空格增強(qiáng)版(可以去除中間的空格)

    JS去除字符串的空格增強(qiáng)版(可以去除中間的空格)

    之前發(fā)了不少了去除字符串空格的代碼,但都是去除開(kāi)始與結(jié)尾的,下面的這段代碼可以去除中間的。
    2009-08-08
  • 詳解小程序用戶(hù)登錄狀態(tài)檢查與更新實(shí)例

    詳解小程序用戶(hù)登錄狀態(tài)檢查與更新實(shí)例

    這篇文章主要介紹了小程序用戶(hù)登錄狀態(tài)檢查與更新實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • JS實(shí)現(xiàn)蘋(píng)果計(jì)算器

    JS實(shí)現(xiàn)蘋(píng)果計(jì)算器

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)蘋(píng)果計(jì)算器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-04-04
  • JS中Location使用詳解

    JS中Location使用詳解

    javascript中 location用于獲取或設(shè)置窗體的URL,并且可以用于解析URL,是BOM中最重要的對(duì)象之一,下面我們就來(lái)詳細(xì)探討下Location對(duì)象的使用。
    2015-05-05
  • 純js實(shí)現(xiàn)頁(yè)面返回頂部的動(dòng)畫(huà)(超簡(jiǎn)單)

    純js實(shí)現(xiàn)頁(yè)面返回頂部的動(dòng)畫(huà)(超簡(jiǎn)單)

    下面小編就為大家?guī)?lái)一篇純js實(shí)現(xiàn)頁(yè)面返回頂部的動(dòng)畫(huà)(超簡(jiǎn)單)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-08-08
  • js window.open彈出新的網(wǎng)頁(yè)窗口

    js window.open彈出新的網(wǎng)頁(yè)窗口

    彈出新的網(wǎng)頁(yè)窗口的方法有很多,在本文為大家介紹下使用js的window.open方法來(lái)實(shí)現(xiàn),需要的朋友可以了解下
    2014-01-01
  • layer.open的自適應(yīng)及居中及子頁(yè)面標(biāo)題的修改方法

    layer.open的自適應(yīng)及居中及子頁(yè)面標(biāo)題的修改方法

    今天小編就為大家分享一篇layer.open的自適應(yīng)及居中及子頁(yè)面標(biāo)題的修改方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2019-09-09
  • H5圖片壓縮與上傳實(shí)例

    H5圖片壓縮與上傳實(shí)例

    這篇文章主要為大家詳細(xì)介紹了H5圖片壓縮與上傳的實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-04-04

最新評(píng)論