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 控制項,對 HTML <input type=radio> 項目進行設計程式。 將 Name 屬性設定為群組內所有 <input type=radio> 項目通用的值,即可將多個 HtmlInputRadioButton 控制項群組在一起。 相同群組內的選項按鈕是互斥的;在群組中一次只能選取一個選項按鈕。
注意
這個控制項不需要結尾標記。
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>