Maison > interface Web > js tutoriel > le corps du texte

Comment obtenir la valeur de la valeur de la boîte à sélection multiple dans une publication dans SpringMVC (exemple de code)

亚连
Libérer: 2018-06-12 20:20:38
original
3097 Les gens l'ont consulté

Maintenant, je vais partager avec vous un article sur la valeur de la valeur de la boîte à sélection multiple de la case à cocher de publication dans SpringMVC (méthode des champs cachés). Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

Ici, je transmets la valeur de la case à sélection multiple au backend via une chaîne. J'appelle d'abord js pour parcourir la case à cocher sélectionnée pour obtenir la valeur de la case sélectionnée, puis je l'écris dans le champ caché, et enfin la soumission de la propriété de l'objet de composition. Voir le code : `

Frontend :

<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>
Copier après la connexion

Script :

<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>
Copier après la connexion

Backend :

 @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();
 }
Copier après la connexion

L'article ci-dessus parle brièvement de la valeur de la valeur de la boîte à sélection multiple de la case à cocher post dans SpringMVC (champ caché méthode) C'est tout le contenu que je partage avec vous

Articles associés :

Comment télécharger et compresser des images en js (tutoriel détaillé)

Comment utiliser vue pour obtenir un effet de transition CSS

Comment utiliser l'applet WeChat pour implémenter la fonction de téléchargement d'images

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!