HtmlInputCheckBox サーバー コントロールの宣言構文
<input type=checkbox> HTML 要素に割り当てるサーバー側のコントロールを作成し、true 状態または false 状態を選択できるチェック ボックス コントロールを作成できるようにします。
<input
Type="Checkbox"
EnableViewState="False|True"
Id="string"
Visible="False|True"
OnDataBinding="OnDataBinding event handler"
OnDisposed="OnDisposed event handler"
OnInit="OnInit event handler"
OnLoad="OnLoad event handler"
OnPreRender="OnPreRender event handler"
OnServerChange="OnServerChange event handler"
OnUnload="OnUnload event handler"
runat="server"
/>
解説
<input type=checkbox> HTML 要素をプログラムするには、HtmlInputCheckBox コントロールを使用します。 HtmlInputCheckBox コントロールは、クリックされたときにサーバーにポストバックしません。 チェック ボックスの状態は、HtmlInputButton コントロールなどサーバーにポストバックするコントロールを使用したときに、サーバーに送信されて処理されます。 チェック ボックスが選択されているかどうかを判断するには、コントロールの Checked プロパティを調べます。
.gif "メモ") メモ |
|---|
このコントロールには、終了タグは必要ありません。 |
使用例
true 状態または false 状態を選択できる HtmlInputCheckBox コントロールを作成する例を示します。 ユーザーがページに含まれている入力ボタンをクリックすると、Button1_Click イベント ハンドラーによって HtmlInputCheckBox コントロールがオンかどうかが判断されます。 次に、<span> コントロールでメッセージが表示されます。 この例では、既定でオンの値が true に設定されていますが、テキストを表示するには Button1 をクリックする必要があることに注意してください。
<%@ Page Language="VB" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlInputCheckBox Control</title>
<script runat="server">
Sub Button1_Click(Source As Object, e As EventArgs)
If Check1.Checked = True Then
Span1.InnerHtml = "Check1 is checked!"
Else
Span1.InnerHtml = "Check1 is not checked!"
End If
End Sub
</script>
</head>
<body>
<h3>HtmlInputCheckBox Sample</h3>
<form id="Form1" runat="server">
<input id="Check1" type="checkbox" runat="server" checked="checked"/>
CheckBox1
<span id="Span1" style="color:red" runat="server" />
<br />
<input type="button" id="Button1" value="Enter"
onserverclick="Button1_Click" runat="server"/>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlInputCheckBox Control</title>
<script runat="server">
void Button1_Click(object Source, EventArgs e)
{
if (Check1.Checked == true)
{
Span1.InnerHtml = "Check1 is checked!";
}
else
{
Span1.InnerHtml = "Check1 is not checked!";
}
}
</script>
</head>
<body>
<h3>HtmlInputCheckBox Sample</h3>
<form id="Form1" runat="server">
<input id="Check1" type="checkbox" runat="server" checked="checked"/>
CheckBox1
<span id="Span1" style="color:red" runat="server" />
<br />
<input type="button" id="Button1" value="Enter"
onserverclick="Button1_Click" runat="server"/>
</form>
</body>
</html>