CheckBox Control

最新推荐文章于 2025-08-23 08:00:22 发布

转载最新推荐文章于 2025-08-23 08:00:22 发布 · 119 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hgx0488/archive/2009/02/01/1382040.html

文章标签：

#xhtml

本文介绍了ASP.NET 2.0中CheckBox控件的使用方法及其特性，包括如何通过InputAttributes和LabelAttributes属性来设置输入框和标签的样式。

Reference: ASP.NET 2.0 웹 프로젝트와 실전 프로그래밍
MSDN

==================================
CheckBox 컨트롤은 항목을 체크했는지 체크하지 않았는지를 나타내주는 단순한 컨트롤입니다.
CheckBox를 사용하여 true/false 또는 yes/no와 같은 옵션을 선택할 수 있습니다. CheckBox 컨트롤에는 이미지, 텍스트 또는 이 둘을 모두 표시할 수 있습니다.
CheckBox와 RadioButton 컨트롤의 기능은 옵션 목록에서 선택할 수 있다는 점에서 유사합니다. 그러나 CheckBox 컨트롤에서는 여러 옵션을 동시에 선택할 수 있지만 RadioButton 컨트롤에서는 동시에 선택할 수 없습니다.
ASP.NET 2.0 에서 CheckBox 컨트롤에는 InputAttributes 와 LabelAttributes 속성이 추가 되였습니다. CheckBox 컨트롤이 렌더링 되면 보통 두 종류의 태그가 생성 됩니다. 예를 들어 아래와 같이 CheckBox 컨트롤을 추가 했다고 하면

다음과 같은 두 종류의 태그가 렌더링 됩니다.

<asp:CheckBox ID="CheckBox1" runat="server" Text="CheckBox" />

<input id="CheckBox1" type="checkbox" name="CheckBox1" />
<label for="CheckBox1">CheckBox</label> InputAttributes와 LabelAttributes 속성은 모두 AttributeCollection 형식의 컬렉션인데, 여기에 저장된 데이터는 렌더링된 태그 안에 특성으로 추가 됩니다. 즉, InputAttributes에 포함된 요소는 <input type="checkbox"> 태그의 특성으로 사용되고, LabelAttributes의 요소들은 <label>태그의 특성이 됩니다.

InputAttributes와 LabelAttributes 속성은 그 특성상 디자인 타임에는 접근할 수 없고 프로그램 방식으로만 사용 가능합니다.

아래 DEMO를 보시면 인츰 이해가 될 것입니다.
==========================================================================================
Result:

CheckBoxTest.aspx
==============

        CheckBox1.LabelAttributes.Add("onmouseover", "this.style.backgroundColor = 'blue'");
        CheckBox1.LabelAttributes.Add("onmouseout", "this.style.backgroundColor = 'white'");
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:CheckBox ID="CheckBox1" runat="server" Text="CheckBox" />
    </div>
    </form>
</body>
</html>