第11章、单选按钮和复选框

第11章、单选按钮和复选框
【知识要点】

　　（１）单选按钮RadioButton；

　　（２）复选框CheckBox。

【问题提出】

　　登录窗口仅仅使用到文本框、密码框和按钮，已经没有什么问题了，但是很快你发现性别与爱好要使用到单选按钮和复选项框，你迫切希望快速掌握它。

　　　


【在线指导】

　　单选按钮RadioButton和复选框CheckBox也是在网站或者项目中使用较多的两个控件，单选按钮主要适合多选一的情况，例如性别、单选题目；复选框主要适合多选多的情况，例如爱好等。两者共同特点都有属性Checked，如果选中则Checked的属性返回值为True否则为False。

1、设计界面

　　（１）打开Hello项目，单击“启动页>最近使用的项目>Hello”。

　　　


　　（２）在“解决方案资源管理器”中添加“RadioButton-CheckBox.aspx”页面。　　　　

　　（３）从工具箱中拖2个单选按钮RadioButton、4个复选框CheckBox、1个按钮Button到RadioButton-CheckBox.aspx页面。

　　　　　

　　　　

　　A、2个单选按钮RadioButton：ID属性分别为“rbMale”、“rbFemale”，二者的共同GroupName属性为“Gender”，表示二者为同一组单选按钮；

　　B、4个复选框CheckBox：ID属性为“cbFootball”、“cbBasketball”、“cbTableTennis”、“cbShuttlecock”；

　　C、１个按钮Button：ID属性为“btnReg”。

　　具体代码如下：

性别：

<asp:RadioButton ID="rbMale" runat="server" GroupName="Gender" Text="男" />

<asp:RadioButton ID="rbFemale" runat="server" GroupName="Gender" Text="女" />

<br />

爱好：

<asp:CheckBox ID="cbFootball" runat="server" Text="足球" />

<asp:CheckBox ID="cbBasketball" runat="server" Text="篮球" />

<asp:CheckBox ID="cbTableTennis" runat="server" Text="乒乓球" />

<asp:CheckBox ID="cbShuttlecock" runat="server" Text="羽毛球" />

<br />

<asp:Button ID="btnReg" runat="server" onclick="btnReg_Click" Text="注 册" />

　　


２、添加代码

　　（４）双击“RadioButton-CheckBox.aspx”页面上的按钮。

　　我们在btnReg_Click()中间输入：

string Gender = "";

if(rbMale.Checked)

　　Gender = rbMale.Text;

if (rbFemale.Checked)

　　Gender = rbFemale.Text;

Response.Write("您的性别是：" + Gender);

Response.Write("<br>");

string Hobby = "";

if (cbFootball.Checked)

　　Hobby = Hobby + cbFootball.Text;

if (cbBasketball.Checked)

　　Hobby = Hobby + cbBasketball.Text;

if (cbTableTennis.Checked)

　　Hobby = Hobby + cbTableTennis.Text;

if (cbShuttlecock.Checked)

　　Hobby = Hobby + cbShuttlecock.Text;

Response.Write("您的爱好是：" + Hobby);

　　Checked是单选按钮和复选框的最重要的属性，如果选中则返回true，否则未选则返回false。

　　


　　（５）请选择性别和爱好，然后单击“注 册”按钮。