Ngôn ngữ ASP.NET - Điều khiển RadioButton

RadioButton của Web Forms

RadioButton Cho phép người dùng lựa chọn một trong nhiều phương án có thể

Để tạo Textbox bạn có thể viết code hoặc kéo thả từ công cụ trực quan của Visual Studio.

Cú pháp tạo RadioButton phía Server:

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

Phía server xử lý code trả về cho trình duyệt dạng HTML

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

Điều khiển RadioButton có các thuộc tính thường dùng:

Thuộc tính Kiểu Ý nghĩa
(ID) Chuỗi Qui định tên của điều khiển. Tên của điều khiển là duy nhất.
AccessKey String Qui định ký tự để di chuyển nhanh đến điều khiển - ký tự xử lý phím nóng.
Attributes AttributeCollection Tập hợp các thuộc tính của điều khiển HTML
BackColor Color Qui định màu nền của điều khiển.
BorderColor Color Qui định màu đường viền của điều khiển.
BorderStyle BorderStyle Qui định kiểu đường viền của điều khiển.
Text String Chuỗi văn bản sẽ được hiển thị trên điều khiển. Trong trường hợp cả 2 thuộc tính ImageURL và Text được thiết lập, thuộc tính ImageURL được ưu tiên, thuộc tính Text sẽ được hiển thị như Tooltip
BorderWidth Unit Qui định độ rộng của đường viền.
Enabled Boolean Qui định điều khiển có được hiển thị hay không. Giá trị mặc định của thuộc tính này là True – được phép hiển thị.
Font FontInfo Qui định Font hiển thị cho điều khiển
ForeColor Color Qui định màu chữ hiển thị trên điều khiển
Height Unit Qui định chiều cao của điều khiển
ToolTip String Dòng chữ sẽ hiển thị khi rê chuột vào điều khiển.
Width Unit Qui định độ rộng của điều khiển.
Checked Boolean Đường dẫn cần liên kết đến.
GroupName String Tên nhóm. Thuộc tính này được sử dụng để nhóm các điều khiển RadioButton lại thành 1 nhóm.
TextAlign   Qui định vị trí hiển thị của điều khiển so với chuỗi văn bản

Ví dụ: Tạo trang RadioButton.aspx một nhóm các RadioButton Giới tính

RadioButton.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RadioButton.aspx.cs" Inherits="RadioButton" %>

<!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>  

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)
    {

    }
    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;  
       

    }
}

Thực thi trang web cho kết quả

Khi click vào nút submit