Ngôn ngữ ASP.NET - HtmlInputCheckBox
Điều Khiển HtmlInputCheckBox
HtmlInputCheckBox control được sử dụng để điều khiển thẻ <input type=”checkbox”>.
Trong HTML, thẻ này được sử dụng để tạo một checkbox.
Các thuộc tính và các sự kiện:
Thuộc tính | Mô tả |
Attributes | Trả về tất cả tên thuộc tính và giá trị tương ứng của thuộc thẻ |
Checked | Giá trị boolean xác định thẻ có được chọn hay không. |
Disabled | Giá trị boolean xác định control có bị disabled hay không. Mặc định là false |
Id | Id duy nhất của control |
Name | Tên của thẻ |
Runat | Xác định rằng control này là server control. Phải được xác định là “server” |
Style | Xác định hay trả về thuộc tính CSS được áp dụng cho control |
TagName | Trả về tên của thẻ |
Type | Loại thẻ |
Value | Giá trị của thẻ |
Visible | Giá trị boolean xác định control sẽ được hiển thị hay không. |
Sự kiện | Mô tả |
ServerChange | Xảy ra khi trạng thái của control thay đổi |
Ví dụ: Tạo trang web HtmlInputCheckBox.aspx
Code trang web HtmlInputCheckBox.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HtmlInputCheckBox.aspx.cs" Inherits="htmlcontrol_HtmlInputCheckBox" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server"> Bạn thích những màu nào? <br />
<input id="red" type="checkbox" runat="server" /> Đỏ <br />
<input id="blue" type="checkbox" runat="server" /> Xanh dương <br />
<input id="green" type="checkbox" runat="server" /> Xanh lục <br />
<input id="Button1" type="button" value="Submit" OnServerClick="submit" runat="server"/>
<p id="p1" runat="server" />
</form>
</body>
</html>
Code behind trang HtmlInputCheckBox.aspx:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class htmlcontrol_HtmlInputCheckBox : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void submit(object sender, EventArgs e)
{
string sResult = "";
if (red.Checked) sResult = "đỏ, ";
if (green.Checked) sResult = sResult + "xanh lục, ";
if (blue.Checked) sResult = sResult + "xanh dương"; p1.InnerHtml = "Bạn thích màu: " + sResult;
red.Checked = false; green.Checked = false; blue.Checked = false;
}
}
Giao diện của chúng ta có 3 checkbox và một button. Khi button được click thì hàm xử lý sự kiện button click được thực hiển và kiểm tra checkbox nào được chọn và hiển thị nội dung tương ứng lên.