ホームページ > ウェブフロントエンド > jsチュートリアル > SpringMVC で投稿内の複数選択ボックスの値を取得する方法 (コード例)

SpringMVC で投稿内の複数選択ボックスの値を取得する方法 (コード例)

亚连
リリース: 2018-06-12 20:20:38
オリジナル
3195 人が閲覧しました

今回は SpringMVC (hidden field メソッド) の post チェックボックスの複数選択ボックスの値についての記事を共有します。これは良い参考値なので、皆さんのお役に立てれば幸いです。

ここでは、文字列を介してチェックボックスの複数選択ボックスの値をバックエンドに渡します。まず、js を呼び出して選択されたチェックボックスを走査して、選択されたボックスの値を取得し、それを非表示フィールドに書き込み、最後に合成オブジェクトのプロパティ。コードを参照してください: `

フロントエンド:

<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();
 }
ログイン後にコピー

上記の記事では、post チェックボックス check の値について簡単に説明しています。ボックスSpringMVC の値 (隠しドメイン メソッド) が私があなたと共有するすべてです

関連記事:

js で画像をアップロードして圧縮する方法 (詳細なチュートリアル)

vue を使用して CSS トランジション効果を実現する方法

WeChatアプレットを使用して画像アップロード機能を実装する方法

以上がSpringMVC で投稿内の複数選択ボックスの値を取得する方法 (コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート