ASP.NET Web Forms RadioButton（单选按钮）

17 Mar 2025 | 阅读 2 分钟

它是一个输入控件，用于从用户那里获取输入。它允许用户从一组选项中选择一个选项。

要创建 RadioButton，我们可以从 Visual Studio 的工具箱中将其拖动出来。

这是一个服务器端控件，ASP.NET 提供了自己的标签来创建它。示例如下。

< asp:RadioButtonID="RadioButton1" runat="server" Text="Male" GroupName="gender"/>

服务器将其呈现为 HTML 控件，并生成以下代码到浏览器。

<input id="RadioButton1" type="radio" name="gender" value="RadioButton1" /><labelfor="RadioButton1">Male</label>

此控件有自己的属性，如下表所示。

属性	描述
AccessKey	它用于为控件设置键盘快捷键。
TabIndex	控件的 Tab 键顺序。
BackColor	它用于设置控件的背景颜色。
BorderColor	它用于设置控件的边框颜色。
BorderWidth	用于设置控件边框的宽度。
Font	它用于设置控件文本的字体。
ForeColor	它用于设置控件文本的颜色。
文本	它用于设置要为控件显示的文本。
ToolTip	当鼠标悬停在控件上时，它会显示文本。
Visible	设置控件在表单上的可见性。
高度	它用于设置控件的高度。
宽度	它用于设置控件的宽度。
GroupName（组名）	用于设置单选按钮组的名称。

示例

在此示例中，我们创建了两个单选按钮，并将它们放在名为 gender（性别）的组中。

// WebControls.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebControls.aspx.cs" 
Inherits="WebFormsControlls.WebControls" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:RadioButton ID="RadioButton1" runat="server" Text="Male" GroupName="gender" />
            <asp:RadioButton ID="RadioButton2" runat="server" Text="Female" GroupName="gender" />
        </div>
        <p>
            <asp:Button ID="Button1" runat="server" Text="Submit" OnClick="Button1_Click" style="width: 61px" />
        </p>
    </form>
    <asp:Label runat="server" id="genderId"></asp:Label>
</body>
</html>

代码隐藏

// WebControls.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebFormsControlls
{
    public partial class WebControls : System.Web.UI.Page
    {
        protected void Button1_Click(object sender, EventArgs e)
        {
            genderId.Text = "";
            if (RadioButton1.Checked)
            {
                genderId.Text = "Your gender is "+RadioButton1.Text;
            }
            else genderId.Text = "Your gender is "+RadioButton2.Text;

        }
    }
}

对于此控件，我们设置了一些这样的属性

输出

它向浏览器生成以下输出。

当用户选择性别时，它会响应客户端。

下一个主题ASP.NET 日历

ASP.NET Web Forms RadioButton（单选按钮）

示例

代码隐藏

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

ASP .NET 教程

ASP.NET Web 窗体

ASP.NET 验证

ASP.NET MVC

ASP.NET Razor

其他

面试题

ASP.NET Web Forms RadioButton（单选按钮）

示例

代码隐藏

相关帖子

ASP.NET HyperLink

ASP.NET 服务器控件

ASP.NET WF 特性

ASP.NET WF 示例

WF 用户注册

ASP.NET Cookie

ASP.NET TextBox

WF 身份验证

ASP.NET Button

ASP.NET Label

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器