首页
WF 参考手册

分类

当前位置: 天天编程网 > ASP.NET > 正文

RadioButton[asp.net web服务器控件]

更新时间:2023-11-28   来源:天天编程网

定义和用法

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"。

更多学习推荐
小编推荐
快速导航更多>>
JavaScript 教程 HTML5 教程 CSS3 教程 jQuery 教程 Vue.js 教程 Node.js 教程 SQL 教程 C 教程 PHP 教程 Linux 教程 Docker 教程 Nginx 教程 Python 教程 Java 教程

天天编程网 版权所有

陕ICP备2023002928号-1