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

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

Jun 12, 2018 pm 08:20 PM
post 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=&#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 サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

SpringBootとSpringMVCの比較と差異分析 SpringBootとSpringMVCの比較と差異分析 Dec 29, 2023 am 11:02 AM

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

Pythonリクエストポストの使い方 Pythonリクエストポストの使い方 Apr 29, 2023 pm 04:52 PM

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 メソッドの簡単な分析 ページにジャンプするパラメータを含む PHP の POST メソッドの簡単な分析 Mar 23, 2023 am 09:15 AM

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

投稿が PHP で送信されたかどうかを確認する方法 投稿が PHP で送信されたかどうかを確認する方法 Mar 21, 2023 pm 07:12 PM

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

Java はどのようにして http リクエストを開始し、ポストを呼び出してインターフェースを取得するのでしょうか? Java はどのようにして http リクエストを開始し、ポストを呼び出してインターフェースを取得するのでしょうか? May 16, 2023 pm 07:53 PM

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

Vue を使用して複数選択ボックスとラジオ ボタンを実装する方法 Vue を使用して複数選択ボックスとラジオ ボタンを実装する方法 Nov 07, 2023 am 11:42 AM

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

Vue ドキュメントの複数選択ボックスのチェックと全選択機能の関係 Vue ドキュメントの複数選択ボックスのチェックと全選択機能の関係 Jun 21, 2023 am 09:33 AM

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

NGINXリバースプロキシがHTMLページのPOSTリクエストに対して405を返す問題の解決方法 NGINXリバースプロキシがHTMLページのPOSTリクエストに対して405を返す問題の解決方法 May 22, 2023 pm 07:49 PM

以下: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

See all articles