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