定义和用法
HTMLInputRadioButton 控件用于控制 <input type="radio"> 元素。在 HTML 中,该元素用于创建单选按钮。
属性
属性 | 描述 |
---|---|
Attributes | 返回该元素的所有属性名称和值对。 |
Checked | 布尔值,规定该元素是否被选中。 |
Disabled | 布尔值,指示是否禁用该控件。默认是 false。 |
id | 元素的唯一 id。 |
Name | 单选按钮组的名称。 |
runat | 规定该控件是一个服务器控件。必须被设置为 "server"。 |
Style | 设置或返回被应用到该控件的 CSS 属性。 |
TagName | 返回元素的标签名。 |
Type | 元素的类型。 |
Value | 元素的值。 |
Visible | 布尔值,指示该控件是否可见。 |
实例
HTMLInputRadiobutton
<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> <!DOCTYPE html> <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>
在本例中,我们在 .aspx 文件中声明了三个 HtmlInputRadioButton 控件,一个 HtmlInputButton 控件,一个 HtmlGeneric 控件(记得把控件嵌套在 HtmlForm 控件中)。当提交按钮被触发时,会执行 submit 子例程。submit 子例程有三种响应方式:如果选择了带有 id="r1" 的单选按钮,则服务器向 p 元素发送消息 "Your favorite color is red"。如果选择了带有 id="r2" 的单选按钮,则服务器向 p 元素发送消息 "Your favorite color is green"。如果选择了带有 id="r3" 的单选按钮,则服务器向 p 元素发送消息 "Your favorite color is blue"。