CƠ HỘI NGHỀ NGHIỆP

CTy Cổ Phần CNTT Trần Lê tuyển nhân sự làm việc tại trụ sở công ty và đối tác thường xuyên vào mỗi cuối tháng, mời xem chi tiết cụ thể về tuyển dụng trên trang Vn Express, Careerlink, Vietnam Works...

xem thêm

TƯ VẤN

Ms. Khuyên

Yahoo: backieuphong01us@yahoo.com

Hotline: 0932 131 468

Hoc Thiet Ke Web » Hoc ASP.NET 4.0 » Sử dụng CheckBox

Sử dụng CheckBox

( 21/09/2011 | 08:33 AM )

Trong thiet ke web, nếu bạn muốn hiển thị 1 danh sách các lựa chọn và cho phép người sử dụng chọn 1 hoặc nhiều các lựa chọn đó, thì CheckBox giúp bạn đạt được mong muốn đó. Bạn sẽ tìm hiểu làm sao để có thể sử dụng CheckBox trong ví dụ sau:
CheckBox - ASP.NET 4

<
html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:CheckBox ID="chkNewsletter" Text="Receive Newsletter?" runat="server" />

<asp:Button runat="server" ID="btnSubmit" Text="Submit" runat="server"   OnClick="btnSubmit_Click" />

        <hr />

        <asp:Label ID="lblResult" runat="server" />

    </div>

    </form>

</body>

</html>

 

protected void btnSubmit_Click(object sender, EventArgs e)

{

        lblResult.Text = chkNewsletter.Checked.ToString();

}

 
Trong ví dụ trên, thuộc tính Checked xác định có hay không người sử dụng đã check vào CheckBox. Checked là 1 trong 2 thuộc tính chính của CheckBox. Thuộc tính Text là phần nội dung sẽ hiển thị lên website. Ngoài ra, CheckBox còn hỗ trợ những thuộc tính khác cho bạn trong việc thiet ke website:

  • AutoPostBack: tự động gửi thông tin về Server khi CheckBox chuyển từ trạng thái UnChecked sang trạng thái Checked hoặc ngược lại.
  • Enabled: có 2 giá trị TRUE hoặc FALSE. Giá trị mặc định là TRUE.
  • TabIndex: cho phép bạn set chỉ số tab.
  • TextAlign: có 2 giá trị Left hoặc Right, nếu bạn chọn TextAlign = Left thì nội dung của CheckBox sẽ nằm bên trài của dấu CheckBox.


Sự kiện CheckedChanged
: sự kiện này xảy ra khi CheckBox chuyển từ trạng thái này sang trang thái kia, Checked hoặc UnChecked.

Chú ý: giống như TextBox, CheckBox cũng hỗ trợ thuộc tính AutoPostBack. Ví dụ sau sẽ giúp bạn hiệu làm sao để sử dụng thuộc tính AutoPostBack để gửi dữ liệu về Server 1 cách tự dộng khi CheckBox được checked hoặc unchecked

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:CheckBox ID="chkNewsletter" Text="Receive Newsletter?" AutoPostBack="true"

            runat="server" oncheckedchanged="chkNewsletter_CheckedChanged" />

        <hr />

        <asp:Label ID="lblResult" runat="server" />

    </div>

    </form>

</body>

</html>

 

protected void chkNewsletter_CheckedChanged(object sender, EventArgs e)

{

        lblResult.Text = chkNewsletter.Checked.ToString();

}

 

Lưu ý: ASP.NET 4 có 1 Control giống như CheckBox là CheckBoxList, cho phép bạn hiển thị danh sách 1 CheckBox, bạn sẽ tìm hiểu về CheckBoxList trong phần sau.


Được viết bởi: Hoc Thiet Ke Web & Thiet Ke Web Trần Lê

-----------------------------------------------------------------------------------

Trần Lê:
Thiết Kế Website Chuyên Nghiệp & Cong ty SEO


GRE Antonyms, GRE Analogies, GRE Sentence Completions, GRE Test

Trở về

Tin khác

Post Comment

Avatar
Name *
Email
Content *

Code:*

      refresh   

Comment

oeiavbw

Sử dụng CheckBox

Posted by oeiavbw

on 30/11/2011 | 02:53 AM

QnHadl , [url=http://navjwupzzhgv.com/]navjwupzzhgv[/url], [link=http://jcisirpcktnf.com/]jcisirpcktnf[/link], http://mibtjigjemnw.com/


Essy

Sử dụng CheckBox

Posted by Essy

on 28/11/2011 | 04:52 PM

I don't even know what to say, this made things so much esaeir!