Rumah hujung hadapan web tutorial js 在SpringMVC中post如何获取多选框value的值(代码实例)

在SpringMVC中post如何获取多选框value的值(代码实例)

Jun 12, 2018 pm 08:20 PM
post springmvc kotak semak

下面我就为大家分享一篇浅谈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>
Salin selepas log masuk

脚本:

<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>
Salin selepas log masuk

后端:

 @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();
 }
Salin selepas log masuk

以上这篇浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)就是我分享给大家的全部内容了

相关文章:

在js中如何实现上传并压缩图片功能(详细教程)

使用vue如何实现CSS过渡效果

使用微信小程序如何实现图片上传功能

Atas ialah kandungan terperinci 在SpringMVC中post如何获取多选框value的值(代码实例). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Analisis perbandingan dan perbezaan antara SpringBoot dan SpringMVC Analisis perbandingan dan perbezaan antara SpringBoot dan SpringMVC Dec 29, 2023 am 11:02 AM

SpringBoot dan SpringMVC adalah kedua-dua rangka kerja yang biasa digunakan dalam pembangunan Java, tetapi terdapat beberapa perbezaan yang jelas antara mereka. Artikel ini akan meneroka ciri dan penggunaan kedua-dua rangka kerja ini dan membandingkan perbezaannya. Mula-mula, mari belajar tentang SpringBoot. SpringBoot telah dibangunkan oleh pasukan Pivotal untuk memudahkan penciptaan dan penggunaan aplikasi berdasarkan rangka kerja Spring. Ia menyediakan cara yang pantas dan ringan untuk membina bersendirian, boleh dilaksanakan

Cara menggunakan pos permintaan python Cara menggunakan pos permintaan python Apr 29, 2023 pm 04:52 PM

Python mensimulasikan penyemak imbas menghantar permintaan kiriman importrequests format request.postrequest.post(url,data,json,kwargs)#post request format request.get(url,params,kwargs)#Berbanding dengan permintaan get, menghantar parameter permintaan pos dibahagikan kepada parameter data forms ( x-www-form-urlencoded) json (application/json) menyokong format kamus dan format rentetan Format kamus menggunakan kaedah json.dumps() untuk menukar data kepada rentetan format json yang sah

Analisis ringkas kaedah POST dalam PHP dengan parameter untuk melompat ke halaman Analisis ringkas kaedah POST dalam PHP dengan parameter untuk melompat ke halaman Mar 23, 2023 am 09:15 AM

Untuk pembangun PHP, menggunakan POST untuk melompat ke halaman dengan parameter adalah kemahiran asas. POST ialah kaedah menghantar data dalam HTTP Ia boleh menghantar data ke pelayan melalui permintaan HTTP Lompat halaman memproses dan melompat halaman pada bahagian pelayan. Dalam pembangunan sebenar, kita sering perlu menggunakan POST dengan parameter untuk melompat ke halaman untuk mencapai tujuan fungsi tertentu.

Bagaimana untuk menentukan sama ada siaran telah dihantar dalam PHP Bagaimana untuk menentukan sama ada siaran telah dihantar dalam PHP Mar 21, 2023 pm 07:12 PM

PHP ialah bahasa skrip bahagian pelayan yang digunakan secara meluas yang boleh digunakan untuk mencipta aplikasi web yang interaktif dan dinamik. Apabila membangunkan aplikasi PHP, kami biasanya perlu menyerahkan data input pengguna ke pelayan untuk diproses melalui borang. Walau bagaimanapun, kadangkala kita perlu menentukan sama ada data borang telah diserahkan dalam PHP Artikel ini akan memperkenalkan cara membuat penentuan sedemikian.

Bagaimanakah java memulakan permintaan http dan memanggil siaran dan mendapatkan antara muka? Bagaimanakah java memulakan permintaan http dan memanggil siaran dan mendapatkan antara muka? May 16, 2023 pm 07:53 PM

1. Java calls post interface 1. Gunakan URLConnection atau HttpURLConnection yang disertakan dengan java Tidak perlu memuat turun pakej jar lain Jika kod respons antara muka diubah oleh pelayan, mesej kembali tidak boleh diterima hanya diterima apabila kod respons adalah betul untuk mengembalikan publicstaticStringsendPost(Stringurl,Stringparam){OutputStreamWriterout=null;BufferedReaderin=null;StringBuilderresult=newSt.

Hubungan antara semak kotak berbilang pilihan dan pilih semua fungsi dalam dokumen Vue Hubungan antara semak kotak berbilang pilihan dan pilih semua fungsi dalam dokumen Vue Jun 21, 2023 am 09:33 AM

Dengan pembangunan berterusan dan kemajuan teknologi hadapan, aplikasi rangka kerja Vue menjadi semakin popular. Dalam aplikasi praktikal Vue, fungsi menyemak berbilang kotak dan memilih semua sering digunakan. Dalam dokumentasi Vue, kaedah pelaksanaan menyemak berbilang kotak pilihan dan memilih semua juga sangat terperinci. Kotak berbilang pilihan dalam Vue Dalam Vue, kaedah pelaksanaan kotak berbilang pilihan adalah sangat mudah Anda hanya perlu menggunakan &lt;inputtype="checkbox"&gt; Apabila beberapa pilihan perlu dibuat

Cara menggunakan Vue untuk melaksanakan kotak berbilang pilihan dan butang radio Cara menggunakan Vue untuk melaksanakan kotak berbilang pilihan dan butang radio Nov 07, 2023 am 11:42 AM

Cara menggunakan Vue untuk melaksanakan kotak berbilang pilihan dan butang radio Vue ialah rangka kerja JavaScript popular yang digunakan secara meluas dalam pembangunan web. Dalam Vue, kami boleh melaksanakan pelbagai kesan interaktif dengan mudah, termasuk kotak berbilang pilihan dan kotak butang radio. Artikel ini akan memperkenalkan cara menggunakan Vue untuk melaksanakan kotak berbilang pilihan dan butang radio serta memberikan contoh kod khusus. Melaksanakan kotak berbilang pilihan Kotak berbilang pilih digunakan untuk membolehkan pengguna memilih berbilang pilihan. Dalam Vue, kita boleh menggunakan arahan model v untuk melaksanakan pengikatan data dua hala bagi kotak berbilang pilihan. Berikut adalah contoh mudah

Bagaimana untuk menyelesaikan masalah bahawa proksi terbalik NGINX mengembalikan 405 untuk permintaan POST halaman HTML Bagaimana untuk menyelesaikan masalah bahawa proksi terbalik NGINX mengembalikan 405 untuk permintaan POST halaman HTML May 22, 2023 pm 07:49 PM

实现如下:pelayan{listen80;listen443ssl;server_namenirvana.test-a.gogen;ssl_certificate/etc/nginx/ssl/nirvana.test-a.gogen.crt;ssl_certificate_key/etc/nginx.s.gentestl .key;proxy_connect_timeout600;proxy_read_timeout600;proxy_send_timeout600;c

See all articles