CheckBoxコントロール
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
- Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
- 'ポストバックのときは処理しない
- If Me.IsPostBack Then
- Return
- End If
- 'CheckBoxListコントロールに項目をセットする
- Me.chkList.Items.Add("りんご")
- Me.chkList.Items.Add("ばなな")
- Me.chkList.Items.Add("みかん")
- Me.chkList.Items.Add("もも")
- Me.chkList.Items.Add("なし")
- End Sub
- Protected Sub btnSend_Click(sender As Object, e As EventArgs) Handles btnSend.Click
- 'チェックの状態を表示
- If Me.chkSingle.Checked Then
- Me.lblMessageTop.Text = "ON"
- Else
- Me.lblMessageTop.Text = "OFF"
- End If
- End Sub
- Protected Sub chkList_SelectedIndexChanged(sender As Object, e As EventArgs) Handles chkList.SelectedIndexChanged
- 'チェックされている項目をループして検索
- Me.lblMessageBottom.Text = String.Empty
- For Each li As ListItem In Me.chkList.Items
- If li.Selected Then
- Me.lblMessageBottom.Text += li.Value + " "
- End If
- Next
- End Sub
○ 実行結果
実行結果
○ 解説
20~24行目では、CheckBoxコントロールの状態を確認しています。20行目にあるように、Checkeプロパティにチェックがされている場合はTrueがセットされているので、If文で判定して処理を分岐しています。
30~34行目では、CheckBoxListコントロールの状態を確認しています。このコントロールはListなので、前節のListBoxコントロールと同じような処理を書くことができます。項目を検索して、Selectedプロパティを確認すれば、その項目がチェックされているかどうかがわかります。
前へ 次へ