首頁 web前端 js教程 在SpringMVC中post如何取得多選框value的值(程式碼實例)

在SpringMVC中post如何取得多選框value的值(程式碼實例)

Jun 12, 2018 pm 08:20 PM
post springmvc 多選框

下面我就為大家分享一篇淺談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=&#39;button&#39; value=&#39;确定&#39; 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 + &#39;,&#39;;
   }
  }
  $("#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的值(隱藏域方式)就是我分享給大家的全部內容了

相關文章:

##在js中如何實作上傳並壓縮圖片功能(詳細教學)

##使用vue如何實作CSS過渡效果

使用微信小程式如何實作圖片上傳功能

以上是在SpringMVC中post如何取得多選框value的值(程式碼實例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

SpringBoot與SpringMVC的比較及差別分析 SpringBoot與SpringMVC的比較及差別分析 Dec 29, 2023 am 11:02 AM

SpringBoot和SpringMVC都是Java開發中常用的框架,但它們之間有一些明顯的差異。本文將探究這兩個框架的特點和用途,並對它們的差異進行比較。首先,我們來了解一下SpringBoot。 SpringBoot是由Pivotal團隊開發的,它旨在簡化基於Spring框架的應用程式的建立和部署。它提供了一種快速、輕量級的方式來建立獨立的、可執行

python requests post如何使用 python requests post如何使用 Apr 29, 2023 pm 04:52 PM

python模擬瀏覽器發送post請求importrequests格式request.postrequest.post(url,data,json,kwargs)#post請求格式request.get(url,params,kwargs)#對比get請求發送post請求傳參分為表單( x-www-form-urlencoded)json(application/json)data參數支援字典格式和字串格式,字典格式用json.dumps()方法把data轉換為合法的json格式字串次方法需要

淺析php中POST方法帶參數跳轉頁面 淺析php中POST方法帶參數跳轉頁面 Mar 23, 2023 am 09:15 AM

對於PHP開發者來說,使用POST帶參數跳轉頁面是一項基本技能。 POST是HTTP中一種發送資料的方法,它可以透過HTTP請求向伺服器提交數據,跳轉頁面則是在伺服器端進行頁面的處理和跳轉。在實際開發中,我們經常需要使用POST帶參數來跳轉頁面,以達到一定的功能目的。

java如何發起http請求呼叫post與get接口 java如何發起http請求呼叫post與get接口 May 16, 2023 pm 07:53 PM

一、java調用post介面1、使用URLConnection或HttpURLConnectionjava自帶的,無需下載其他jar包URLConnection方式調用,如果介面回應碼被服務端修改則無法接收到返回報文,只能當回應碼正確時才能接收到回傳publicstaticStringsendPost(Stringurl,Stringparam){OutputStreamWriterout=null;BufferedReaderin=null;StringBuilderresult=newSt

php怎麼判斷post有沒有提交 php怎麼判斷post有沒有提交 Mar 21, 2023 pm 07:12 PM

PHP是一種廣泛使用的伺服器端腳本語言,它可以用於建立互動式和動態的網路應用程式。在開發PHP應用程式時,我們通常需要透過表單將使用者輸入資料提交給伺服器端處理。然而,有時候我們需要在PHP中判斷是否有表單資料被提交,這篇文章將介紹如何進行這樣的判斷。

如何使用Vue實作多選框和單選框 如何使用Vue實作多選框和單選框 Nov 07, 2023 am 11:42 AM

如何使用Vue實作多選框和單選框Vue是一款流行的JavaScript框架,廣泛應用於Web開發中。在Vue中,我們可以很方便地實現各種互動效果,包括多選框和單選框。本文將介紹如何使用Vue實作多選框和單選框,並提供具體的程式碼範例。實現多選框多選框用於允許使用者選擇多個選項。在Vue中,我們可以利用v-model指令來實現多選框的雙向資料綁定。下面是一個簡單的例

Vue文件中的多選框勾選與全選函數的關係 Vue文件中的多選框勾選與全選函數的關係 Jun 21, 2023 am 09:33 AM

隨著前端技術的不斷發展與進步,Vue框架的應用也越來越普及。在Vue的實際應用中,常常會用到多選框勾選和全選的功能。而在Vue文件中,多選框勾選和全選的實作方法也是非常詳細的。 Vue中的多重選取框在Vue中,多重選取框的實作方法非常簡單,只需要在需要使用多重選取框的地方使用&lt;inputtype="checkbox"&gt;即可。當需要選取多個選

NGINX反向代理對HTML頁面的POST請求回傳405怎麼解決 NGINX反向代理對HTML頁面的POST請求回傳405怎麼解決 May 22, 2023 pm 07:49 PM

實作如下:server{listen80;listen443ssl;server_namenirvana.test-a.gogen;ssl_certificate/etc/nginx/ssl/nirvana.test-a.gogen.crt;ssl_certificate_key/etc/nginx/test-a.gogen.crt;ssl_certificate_key/etc/nginx/ssl/nirvana.testssl/ .key;proxy_connect_timeout600;proxy_read_timeout600;proxy_send_timeout600;c

See all articles