ASP.NET RadioButton 控件

定义和用法

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

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

属性

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

Web 控件标准属性

  1. AccessKey, Attributes, BackColor, BorderColor, BorderStyle, BorderWidth,
  2. CssClass, Enabled, Font, EnableTheming, ForeColor, Height, IsEnabled,
  3. SkinID, Style, TabIndex, ToolTip, Width

如需完整描述,请访问 Web 控件标准属性

控件标准属性

  1. AppRelativeTemplateSourceDirectory, BindingContainer, ClientID, Controls,
  2. EnableTheming, EnableViewState, ID, NamingContainer, Page, Parent, Site,
  3. TemplateControl, TemplateSourceDirectory, UniqueID, Visible

如需完整描述,请访问控件标准属性

实例

  • Radiobutton

    在本例中,我们在 .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"。

  1. <script runat="server">
  2. Sub submit(Sender As Object, e As EventArgs)
  3. if red.Checked then
  4. Label1.Text="您选择了 " & red.Text
  5. elseIf green.Checked then
  6. Label1.Text="您选择了 " & green.Text
  7. elseIf blue.Checked then
  8. Label1.Text="您选择了 " & blue.Text
  9. end if
  10. End Sub
  11. </script>
  12. <html>
  13. <body>
  14. <form runat="server">
  15. 请选择您喜欢的颜色:
  16. <br />
  17. <asp:RadioButton id="red" Text="Red" Checked="True"
  18. GroupName="colors" runat="server"/>
  19. <br />
  20. <asp:RadioButton id="green" Text="Green"
  21. GroupName="colors" runat="server"/>
  22. <br />
  23. <asp:RadioButton id="blue" Text="Blue"
  24. GroupName="colors" runat="server"/>
  25. <br />
  26. <asp:Button text="提交" OnClick="submit" runat="server"/>
  27. <p><asp:Label id="Label1" runat="server"/></p>
  28. </form>
  29. </body>
  30. </html>