RadioButton

定义和用法

RadioButton 控件用于显示单选按钮。

提示:如需创建一系列使用数据绑定的单选按钮,请使用 RadioButtonList 控件!

属性

属性 描述
AutoPostBack 布尔值,规定在 Checked 属性被改变后,是否立即回传表单。默认是 false。
Checked 布尔值,规定是否选定单选按钮。
id 控件的唯一 id。
GroupName 该单选按钮所属控件组的名称。
OnCheckedChanged 当 Checked 属性被改变时,被执行的函数的名称。
runat 规定该控件是服务器控件。必须设置为 "server"。
Text 单选按钮旁边的文本。
TextAlign 文本应出现在单选按钮的哪一侧(左侧还是右侧)。

实例

Radiobutton

<script  runat="server">
Sub submit(Sender As Object, e As EventArgs)
if red.Checked then
   Label1.Text="You selected " & red.Text
elseIf green.Checked then
   Label1.Text="You selected " & green.Text
elseIf blue.Checked then
   Label1.Text="You selected " & blue.Text
end if
End Sub
</script>

<!DOCTYPE HTML>
<html>
<body>

<form runat="server">
Select your favorite color:
<br>
<asp:RadioButton id="red" Text="Red" Checked="True" 
GroupName="colors" runat="server"/>
<br>
<asp:RadioButton id="green" Text="Green"
GroupName="colors" runat="server"/>
<br>
<asp:RadioButton id="blue" Text="Blue" 
GroupName="colors" runat="server"/>
<br>
<asp:Button text="Submit" OnClick="submit" runat="server"/>
<p><asp:Label id="Label1" runat="server"/></p>
</form>

</body>
</html>

在本例中,我们在 .aspx 文件中声明了三个 RadioButton 控件,一个 Button 控件,以及一个 Label 控件。当提交按钮被触发时,会执行 submit 子例程。submit 子例程会以三种方式进行响应:假如带有 id="red" 属性的 radiobutton 被选中,服务器向 Label 控件发送消息 "You selected Red";假如带有 id="green" 属性的 radiobutton 被选中,服务器向 Label 控件发送消息 "You selected Green";假如带有 id="blue" 属性的 radiobutton 被选中,服务器向 Label 控件发送消息 "You selected Blue"。