HtmlInputRadioButton サーバー コントロール宣言構文
<input type=radio> HTML 要素に割り当てるサーバー側のコントロールを作成し、Web ページのオプション ボタンを作成できるようにします。
<input
Type="Radio"
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"
/>
解説
HtmlInputRadioButton コントロールを使用して、<input type=radio> HTML 要素をプログラムで制御します。 グループ内のすべての <input type=radio> 要素に共通な値を Name プロパティに設定することによって、複数の HtmlInputRadioButton コントロールをグループ化できます。 同じグループのオプション ボタンは、互いに排他です。グループ内で同時に選択できるオプション ボタンは 1 つだけです。
.gif "メモ") メモ |
|---|
このコントロールには、終了タグは必要ありません。 |
HtmlRadioButton コントロールは、自動的にはサーバーにポストバックしません。 サーバーにポストバックするには、HtmlInputButton、HtmlInputImage、または HtmlButton などのボタン コントロールのいずれかを使用する必要があります。 ServerChange イベントのハンドラーを作成することによって、HtmlRadioButton コントロールをプログラムで制御できます。
| メモ |
|---|
ServerChange イベントは、オプション ボタンがオフに変更されたときにだけ発生します。 |
使用例
HtmlRadioButton コントロールの ServerChange イベント用にイベント ハンドラーを作成する例を示します。 イベント ハンドラーは、選択されたオプション ボタンを判断し、メッセージで選択状態を表示します。
<%@ 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>HtmlInputRadioButton Control</title>
<script runat="server">
Sub Server_Change(Source As Object, e As EventArgs)
If Radio1.Checked = True Then
Span1.InnerHtml = "Radio1 is checked"
Else
If Radio2.Checked = True Then
Span1.InnerHtml = "Radio2 is checked"
Else
If Radio3.Checked = True Then
Span1.InnerHtml = "Radio3 is checked"
End If
End If
End If
End Sub
</script>
</head>
<body>
<form id="Form1" runat="server">
<h3>HtmlInputRadioButton Sample</h3>
<input type="radio"
id="Radio1"
name="Mode"
onserverchange="Server_Change"
runat="server"/>
Option 1<br />
<input type="radio"
id="Radio2"
name="Mode"
onserverchange="Server_Change"
runat="server"/>
Option 2<br />
<input type="radio"
id="Radio3"
name="Mode"
onserverchange="Server_Change"
runat="server"/>
Option 3
<br />
<span id="Span1" runat="server" />
<br />
<input type="submit" id="Button1"
value="Enter"
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>HtmlInputRadioButton Control</title>
<script runat="server">
void Server_Change(object Source, EventArgs e)
{
if (Radio1.Checked == true)
Span1.InnerHtml = "Radio1 is checked";
else if (Radio2.Checked == true)
Span1.InnerHtml = "Radio2 is checked";
else if (Radio3.Checked == true)
Span1.InnerHtml = "Radio3 is checked";
}
</script>
</head>
<body>
<form id="Form1" runat="server">
<h3>HtmlInputRadioButton Sample</h3>
<input type="radio"
id="Radio1"
name="Mode"
onserverchange="Server_Change"
runat="server"/>
Option 1<br />
<input type="radio"
id="Radio2"
name="Mode"
onserverchange="Server_Change"
runat="server"/>
Option 2<br />
<input type="radio"
id="Radio3"
name="Mode"
onserverchange="Server_Change"
runat="server"/>
Option 3
<br />
<span id="Span1" runat="server" />
<br />
<input type="submit" id="Button1"
value="Enter"
runat="server" />
</form>
</body>
</html>