【Java & Tomcat】ラジオボタンを使ってデータを取得する(サンプルプログラム付)

  • このエントリーをはてなブックマークに追加
  • Pocket

Webアプリケーションを作成するにあたり、ブラウザへの出力ばかりではなく、ラジオボタンを使ってユーザー側からの入力を取得する場合がある。ここではその方法について説明する。

ラジオボタンのデータ取得の仕方

ラジオボタンとは、Webページで選択をするための丸いボタンのことである。自由に文字を入力できるテキストボックスと違い、このボタンの場合、いくつかあるボタンの中からひとつしか選ぶことができない。

サーブレットが選択されたラジオボタンのデータを取得するために、クライアントからのリクエスト情報が入っているHttpServletRequestオブジェクトに対してgetParameterメソッドを使う。ラジオボタンのデータはリクエスト情報の中にパラメータとして含まれている。このメソッドにラジオボタンのパラメータの名前(name)を引数として与えることによって選択されたラジオボタンと紐付けされたデータ(value)を取得することができる。

書き方の基本は簡単だ。

HttpServletRequestオブジェクト. getParameter (ラジオボタンの名前);

実際のHTML画面でラジオボタンを選択するコードはこうなる。

<input type="radio" name="radiobutton" value="apple"> りんご

サーブレット側のコードはこうなる。

String selectedFruit = request.getParameter("radiobutton");

ラジオボタンのデータを取得するサンプルプログラム

このサンプルプログラムラムは、3つの果物の中から好きな果物を選んでもらい、それを表示するというものだ。そのデータを取得したサーブレットは、選択された果物と紐付けられていた値をそのままレスポンスの画面に表示する。

サーブレットの配置とプログラムのコードは次のようになっている。

最初にHTMLで書かれたフォームデータ入力画面のコードを示す。

次に、HTML画面からリクエストを受け取るサーブレットのコードを示す。

実行結果

ブラウザにURL:http://localhost:8080/Servlet/ radiobuttons.html を入力し、Enterを押す。

表示されるブラウザ画面:

ラジオボタンの「りんご」を選んで、選択実行ボタンを押す。

表示されるブラウザ画面:

サンプルプログラムの説明

それでは簡単にプログラムの解説をしてゆこう。

  • [1] アノテーションの宣言をする。
  • [2] HttpServletを継承して、ServletRadioButtonクラスを定義する。
  • [3] doGet()メソッドをオーバーライドして定義する。
  • [4] Content Typeを設定する。
  • [5] 選択されたラジオボタンのデータを取得し、変数selectedFruitに代入する。
  • [6] HTMLを出力するためのPrintWriterオブジェクトを取得する。
  • [7]-[9] PrintWriterオブジェクトに「あなたが好きな果物は(取得した値:selectedFruit )です。」と表示するHTMLコードを出力する。

まとめ

サンプルプログラムをご覧頂いてもわかる通り、ラジオボタンを使って入力されたデータを元に様々な処理を行う事ができる。項目の名称を変更したり、選択肢を増やしてみたりなど、自分なりに色々と変更してみよう。

 

  • このエントリーをはてなブックマークに追加
  • Pocket

このページの続きや関連ページは下記から一覧で確認できます。

IT講師に興味はありませんか?

・「今までIT講師をやってきたが、更に多くの講義を行いたい」

・「エンジニアとしてやってきたが講師業に魅力を感じている」

・「講師として活躍するためにベースとなる知識を知りたい」

・「様々な分野や言語の講師にチャレンジしてみたい」


という方はぜひIT講師募集のページをご覧ください。


リスキルテクノロジーでは「受講している方々にITを好きになってもらう」ことを目標に、同じ目標に向かって歩んで行ける講師の方を常に探しています。


システム開発やインフラ構築などのエンジニアリング経験を活かし、新入社員などの未経験者や経験の浅い初学者の方々に対してITトレーニングを行っていただくことになります。


テキストやカリキュラムは事前に用意されており、それらを元に講義を進めていくため、IT講師をはじめて実施する方でも安心してトレーニングを実施できます。


IT講師募集のページを見る

SNSでもご購読できます。

コメントを残す

*

未経験からの育成制度も充実
IT講師に興味はありませんか?

リスキルテクノロジーでIT講師の積極募集を開始! 経験・未経験問わずご応募可能。育成制度で講師スキル向上も目指せます

IT講師に応募する