ホームページ >ウェブフロントエンド >jsチュートリアル >SpringMVC で投稿内の複数選択ボックスの値を取得する方法 (コード例)
今回は 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='button' value='确定' 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 + ','; } } $("#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 サイトの他の関連記事を参照してください。