ASP.NET でのチェックボックスのチェック状態を取得する - ASP.NET

ASP.NETでチェックボックスを利用する際に、チェックボックスのチェック状態を取得するコードを紹介します。

プログラム

UI

下図のUIを作成します。チェックボックス、ボタン、テキストボックスをWebフォームに配置します。


aspxファイルのコードは下記になります。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SimpleCheckBox.aspx.cs" Inherits="CheckBoxDemo.SimpleCheckBox" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
      <asp:CheckBox ID="CheckBox1" runat="server" Text="CheckBox1" /><br />
      <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" /><br />
      <asp:TextBox ID="TextBox1" runat="server" Width="300px"></asp:TextBox><br />
    </div>
    </form>
</body>
</html>

コード

以下のコードを記述します。実際に記述するコードは、ButtonのClickイベントの実装部です。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace CheckBoxDemo
{
  public partial class SimpleCheckBox : System.Web.UI.Page
  {
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void Button1_Click(object sender, EventArgs e)
    {
      if (CheckBox1.Checked == true) {
        TextBox1.Text = "チェックボックスはチェックされています。";
      }
      else {
        TextBox1.Text = "チェックボックスは未チェックです。";
      }
    }
  }
}

解説

Button1をクリックすると、ポストバックによりページ遷移した後、Button1のClickイベントが実行されます。CheckBox1のチェック状態を確認し、チェックボックスがチェックされていれば、テキストボックスにチェックされている旨のメッセージを表示し、チェックボックスがチェックされていなければ、未チェックのメッセージを表示します。

実行結果

Webアプリケーションのプロジェクトを実行し、aspxのページを表示します。下図の画面が表示されます。


[Button]をクリックします。ページが切り替わり、テキストボックスにメッセージが表示されます。チェックボックスにチェックをしていないため、未チェックのメッセージが表示されます。


チェックボックスにチェックをした状態で[Button]をクリックします。


ページが切り替わり、テキストボックスにチェックボックスがチェックされている旨のメッセージが表示されます。


著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
最終更新日: 2024-01-06
作成日: 2016-01-12
iPentec all rights reserverd.