ASP.NET4.0 单选框控件
使用HtmlInputRadioButton控件对HTML<input type=radio>元素进行编程,通过将Name属性设置为组中所有<input type=radio>元素所共有的值,可以将多个HtmlInputRadioButton控件组成一组。同组中的单选按钮互相排斥;一次只能选择该组中的一个单选按钮。
HtmlRadioButton控件不会自动向服务器回送。必须依赖于使用某个按钮控件(如HtmlInputButton、HtmlInputImage或HtmlButton)来回送到服务器。可通过为ServerChange事件编写处理程序来对HtmlRadioButton控件进行编程。
只为更改成选中状态的单选按钮引发ServerChange事件。 | |
当我们要限制使用者的选择为单选,并只能够在我们所提供的项目中选择一个答案时,使用HtmlInputRadio。以输入使用者性别数据为例,我们提供使用者“男”及“女”的选项让使用者选择,利用单选按钮可以限制他只能选择一个答案。其中HtmlInputRadio控件最重要的属性为Name属性,用来设定单选按钮的组。单选按钮有一个规则,那就是同一个组的单选按
钮同一时间内只能有一个按钮被选择,所以它可以用在单选的选项上。此时被选取的单选按钮其Checked属性则为True,没有被选取则为False。
单选框控件声明的语法格式如下所示:
<input type=radio
Id="programmaticID"
Checked
htmlradio添加切换事件Name="radiobuttongroup"
Runat="server">
HtmlInputRadioButton控件是选项控件,如果Name属性设为相同,则表示这是一组单选按钮,在一组单选按钮中,在某一时刻只能有一个按钮是选中状态。如果checked属性被选中,则表示该单选框默认是选中状态。
下面是一个使用HtmlInputRadioButton控件选择用户喜欢运动的实例,代码如下所示。
文件名:RadioButton.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RadioButton.aspx.cs" Inherits="RadioButton" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head runat="server">
<title>HtmlInputRadioButton控件实例</title>
</head>
<body>
<h3>请从下面选项中选择你喜欢的运动</h3>
<form id="form1" runat="server">
<input id="Radio1" type="radio" name="Mode" runat="server" />篮球<br />
<input id="Radio2" type="radio" name="Mode" runat="server" />足球<br />
<input id="Radio3" type="radio" name="Mode" runat="server" />台球<br />
<p />
<span id="showInfo" runat="server" />
<p />
<input id="Button1" type="button" value="确定" onserverclick="button_click" runat="server" />
</form>
</body>
</html>
文件名:RadioButton.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class RadioButton : System.Web.UI.Page{
protected void Page_Load(object sender, EventArgs e){ }
public void button_click(object sender, EventArgs e){
if (Radio1.Checked == true){
showInfo.InnerText = "你喜欢的运行是篮球";
}
if (Radio2.Checked == true){
showInfo.InnerText = "你喜欢的运行是足球";
}
if (Radio3.Checked == true){
showInfo.InnerText = "你喜欢的运行是台球";
}
}
}
执行上述代码结果,选择单选按钮中你喜欢的运动,单击“确定”按钮,结果如图4-16所示。
图4-16 执行结果
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论