CheckBoxコントロール

CheckBoxコントロール CheckBoxListコントロール

 CheckBoxコントロール、CheckBoxListコントロールはチェックボックスを表示するためのコントロールです。複数の項目から選択する際に使用します。CheckBoxコントロールは単体のチェックボックスを表示し、CheckBoxListコントロールはグループ化してリストで表示します。

■ 主なプロパティ(CheckBox)

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

■ 主なプロパティ(CheckBoxList)

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

■ 主なイベント(CheckBoxList)

イベント名 概要
SelectedIndexChanged CheckBoxListコントロール内の選択項目が変更されたときに発生する
表2-19 CheckBoxListの主なイベント
プロジェクトの種類 ASP.NET Webアプリケーション
プロジェクト名 CheckBoxTest

サンプルダウンロード

○ デザイン

 Webフォームを追加して、次の図のように各コントロールを配置してください。

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

○ プログラム

 次のように各イベントハンドラを記述してください。chkList_SelectedIndexChangedイベントは、chkListをダブルクリックするとスケルトンが表示されます。

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
  6.  'CheckBoxListコントロールに項目をセットする
  7.  Me.chkList.Items.Add("りんご")
  8.  Me.chkList.Items.Add("ばなな")
  9.  Me.chkList.Items.Add("みかん")
  10.  Me.chkList.Items.Add("もも")
  11.  Me.chkList.Items.Add("なし")
  12. End Sub
  13. Protected Sub btnSend_Click(sender As Object, e As EventArgs) Handles btnSend.Click
  14.  'チェックの状態を表示
  15.  If Me.chkSingle.Checked Then
  16.   Me.lblMessageTop.Text = "ON"
  17.  Else
  18.   Me.lblMessageTop.Text = "OFF"
  19.  End If
  20. End Sub
  21. Protected Sub chkList_SelectedIndexChanged(sender As Object, e As EventArgs) Handles chkList.SelectedIndexChanged
  22.  'チェックされている項目をループして検索
  23.  Me.lblMessageBottom.Text = String.Empty
  24.  For Each li As ListItem In Me.chkList.Items
  25.   If li.Selected Then
  26.    Me.lblMessageBottom.Text += li.Value + " "
  27.   End If
  28.  Next
  29. End Sub

○ 実行結果

実行結果
実行結果

○ 解説

 20~24行目では、CheckBoxコントロールの状態を確認しています。20行目にあるように、Checkeプロパティにチェックがされている場合はTrueがセットされているので、If文で判定して処理を分岐しています。

 30~34行目では、CheckBoxListコントロールの状態を確認しています。このコントロールはListなので、前節のListBoxコントロールと同じような処理を書くことができます。項目を検索して、Selectedプロパティを確認すれば、その項目がチェックされているかどうかがわかります。

前へ   次へ