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 サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











SpringBoot と SpringMVC はどちらも Java 開発で一般的に使用されるフレームワークですが、それらの間には明らかな違いがいくつかあります。この記事では、これら 2 つのフレームワークの機能と使用法を調べ、その違いを比較します。まず、SpringBoot について学びましょう。 SpringBoot は、Spring フレームワークに基づいたアプリケーションの作成と展開を簡素化するために、Pivotal チームによって開発されました。スタンドアロンの実行可能ファイルを構築するための高速かつ軽量な方法を提供します。

Python はブラウザーによるポスト リクエストの送信をシミュレートします importrequests 形式 request.postrequest.post(url,data,json,kwargs)#ポスト リクエストの形式 request.get(url,params,kwargs)#get リクエストと比較して、ポスト リクエストの送信パラメータは次のように分割されますForms ( x-www-form-urlencoded) json (application/json) データ パラメーターは、辞書形式と文字列形式をサポートしています。辞書形式は、 json.dumps() メソッドを使用して、データを有効な JSON 形式の文字列に変換します。このメソッドには、次のものが必要です

PHP 開発者にとって、POST を使用してパラメータのあるページにジャンプすることは基本的なスキルです。 POST は HTTP でデータを送信する方法で、HTTP リクエストを通じてサーバーにデータを送信できます。ジャンプ ページはサーバー側でページを処理してジャンプします。実際の開発では、特定の機能上の目的を達成するために、パラメーターを指定して POST を使用してページにジャンプする必要があることがよくあります。

PHP は、インタラクティブで動的な Web アプリケーションの作成に使用できる、広く使用されているサーバー側スクリプト言語です。 PHP アプリケーションを開発する場合、通常、フォームを介して処理するためにユーザー入力データをサーバーに送信する必要があります。ただし、フォームデータがPHPで送信されたものであるかどうかを判断する必要がある場合があるので、この記事ではその判断方法を紹介します。

1. Java は post インターフェイスを呼び出します 1. Java に付属の URLConnection または HttpURLConnection を使用します 他の jar パッケージをダウンロードする必要はありません URLConnection を呼び出します インターフェイスの応答コードがサーバーによって変更されている場合、応答メッセージは受信できません。応答コードが正しい場合にのみ受信されます。 publicstaticStringsendPost(Stringurl,Stringparam){OutputStreamWriterout=null;BufferedReaderin=null;StringBuilderresult=newSt を返します。

Vue を使用して複数選択ボックスとラジオ ボタンを実装する方法 Vue は、Web 開発で広く使用されている人気のある JavaScript フレームワークです。 Vue では、複数選択ボックスやラジオ ボタン ボックスなど、さまざまなインタラクティブな効果を簡単に実装できます。この記事では、Vue を使用して複数選択ボックスとラジオ ボタンを実装する方法を紹介し、具体的なコード例を示します。複数選択ボックスの実装 複数選択ボックスは、ユーザーが複数のオプションを選択できるようにするために使用されます。 Vue では、v-model ディレクティブを使用して、複数選択ボックスの双方向データ バインディングを実装できます。これが簡単な例です

フロントエンド テクノロジの継続的な開発と進歩に伴い、Vue フレームワークのアプリケーションはますます人気が高まっています。 Vue の実務では、複数のボックスにチェックを入れたり、全選択したりする機能がよく使われます。 Vue のドキュメントでは、複数の選択ボックスにチェックを入れたり、すべてを選択したりする実装方法も非常に詳しく説明されています。 Vue の複数選択ボックス Vue での複数選択ボックスの実装方法は非常に簡単で、複数選択ボックスを使用する必要がある箇所に <inputtype="checkbox"> を使用するだけです。複数の選択が必要な場合

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