RadioButtonコントロール

RadioButtonコントロール RadioButtonListコントロール

　RadioButtonコントロール、RadioButtonListコントロールはWebページ上にラジオボタンを表示します。複数の項目から、一つ選択する際に使用します。　RadioButtonコントロールは単体のラジオボタンを表示し、RadioButtonListコントロールはグループ化してリスト表示します。

■　主なプロパティ(RadioButton)

プロパティ名 概要
Checked RadioButtonコントロールがチェックされているかどうかを示す値を取得・設定する
GroupName RadioButtonコントロールが所属するグループ名を取得・設定する
Text RadioButtonコントロールの表示内容を取得・設定する
RadioButtonの主なプロパティ

■　主なプロパティ(RadioButtonList)

プロパティ名 概要
Items RadioButtonListコントロールの項目のコレクションを取得する
SelectedIndex CheckBoxListコントロール内の選択された項目のインデックスを取得・設定する
SelectedItem CheckBoxListコントロール内の選択された項目を取得・設定する
SelectedValue CheckBoxListコントロール内の選択された項目の値を取得・設定する
RadioButtonListの主なプロパティ

■　主なイベント(RadioButtonList)

イベント名 概要
SelectedIndexChanged DropDownListコントロール内の選択項目が変更されたときに発生する
RadioButtonListの主なイベント

　CheckBox、CheckBoxListコントロールと同様にチェックする方法が異なります。RadioButtonコントロールはCheckedプロパティで、RadioButtonListコントロールはItemsプロパティのコレクションから取得します。また、RadioButtonコントロールではGroupNameプロパティに同じ名前を設定することで、その中で一つ選択することができるようになります。 

プロジェクトの種類 ASP.NET Webアプリケーション
プロジェクト名 RadioButtonTest

サンプルダウンロード

○　作成の準備

　「CheckBoxTest」プロジェクトを修正して作成しましょう。CheckBoxTestフォルダーをコピーして、作成するプロジェクト名にフォルダー名を変更してください。

○　デザイン

　次の図のようにコントロールの配置を変更してください。Label、Buttonコントロールはそのまま利用します。

コントロールの配置例
コントロールの配置例

○　プログラム

　次のように各イベントハンドラを記述してください。chkList_SelectedIndexChangedイベントは使用しないので削除してください。その代わりにrdoList_SelectedIndexChangedイベントハンドラを使用します。rdoListをダブルクリックするとスケルトンが表示されます。

index.aspx.vb

  1. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
  2. 　'ポストバックのときは処理しない
  3. 　If Me.IsPostBack Then
  4. 　　Return
  5. 　End If
  7. 　'RadioButtonListコントロールに項目をセットする
  8. 　Me.rdoList.Items.Add("りんご")
  9. 　Me.rdoList.Items.Add("ばなな")
  10. 　Me.rdoList.Items.Add("みかん")
  11. 　Me.rdoList.Items.Add("もも")
  12. 　Me.rdoList.Items.Add("なし")
  13. End Sub
  15. Protected Sub btnSend_Click(sender As Object, e As EventArgs) Handles btnSend.Click
  16. 　'チェックの状態を表示
  17. 　If Me.rdoOn.Checked Then
  18. 　　Me.lblMessageTop.Text = "ON"
  19. 　Else
  20. 　　Me.lblMessageTop.Text = "OFF"
  21. 　End If
  22. End Sub
  24. Protected Sub rdoList_SelectedIndexChanged(sender As Object, e As EventArgs) Handles rdoList.SelectedIndexChanged
  25. 　'選択されている項目を表示
  26. 　Me.lblMessageBottom.Text = Me.rdoList.SelectedValue
  27. End Sub

○　実行結果

実行結果
実行結果

○　解説

　基本的にはCheckBox、CheckBoxListコントロールと同じです。異なるのは、複数の中から選択されるのが一つであるという点です。そのため29行目では、選択された項目を1つだけ表示するようにしています。

前へ   次へ