HTML服务器控件介绍:HtmlInputRadioButton控件

2009-02-27 01:22:46  来源:网页教学网 

WebjxCom提示:HtmlInputRadioButton控件用来控制input type="radio"元素。在HTML中,此元素用来建立一个单选按钮。

请首先查看:ASP.NET入门教程:HTML服务器控件。简单讲述了HTML服务器控件的使用方法。

下面开始讲解:HtmlInputRadioButton控件

定义和用法

HtmlInputRadioButton控件用来控制<input type="radio">元素。在HTML中,此元素用来建立一个单选按钮。


属性

属性 说明
Attributes 返回此元素所有属性名和属性值
Checked 规定此元素是否被选中的一个布尔值
Disabled 指明此控件是否被禁止的一个布尔值。默认值是false
id 此元素的唯一id
Name 单选按钮组的名称
runat 规定此控件是服务器控件。  必须被设置为"server"
Style 设置或返回应用于此控件的CSS特性
TagName 返回此元素的标签名称
Type 此元素的类型
Value 此元素的值
Visible 指明此控件是否可见的一个布尔值

示例

在此示例中我们在一个.aspx文件中声明三个HtmlInputRadioButton控件、一个HtmlInputButton控件及一个HtmlGeneric控件(要记住把控件嵌入HtmlForm控件中)。当提交按钮被触发的时候,submit子程序被执行。子程序可能会有三种响应方式:如果id="r1"的单选按钮被选中,服务器发送消息 "Your favorite color is red" 到p元素。如果id="r2"的单选按钮被选中,服务器发送消息 "Your favorite color is green" 给p元素。如果id="r3"的单选按钮被选中,服务器发送消息 "Your favorite color is blue" 到p元素。加此信息网页教学网(webjx.com)发布目的是为了防止你变懒!webjx.com不主张采集!

<script  runat="server">
Sub submit(Source As Object, e As EventArgs)
if r1.Checked=True then
   p1.InnerHtml="Your favorite color is red"
else
   if r2.Checked=True then
     p1.InnerHtml="Your favorite color is green"
   else
     if r3.Checked=True then
       p1.InnerHtml="Your favorite color is blue"
     end if
   end if
end if
End Sub
</script>


<html>
<body>

<form runat="server">
<p>Select your favorite color:
<br />
<input id="r1" name="col" type="radio" runat="server">Red</input>
<br />
<input id="r2" name="col" type="radio" runat="server">Green</input>
<br />
<input id="r3" name="col" type="radio" runat="server">Blue</input>
<br />
<input type="button" value="Submit" OnServerClick="submit" runat="server"/>
<p id="p1" runat="server" />
</form>

</body>
</html>

更多

推荐文章