MutuallyExclusiveCheckBoxExtender控件用于对一个项目进行选择,使它只可以选一个,但是若不可能发生,也可以不选择。
下面请看一个示例:
1)在VS2005中新建一个ASP.NET AJAX-Enabled Web Project项目工程,命名为MutuallyExculsiveCheckBoxExtender1。
2)在页面上拖放4个CheckBox,分别设置它们的ID为CheckBox1,CheckBox2,CheckBox3,CheckBox4,设置文本为bedroom,bedroom,door,door。
代码如下:
1
<br />
2
Do
3
4
Don't<br />
5
<br />
6
<asp:CheckBox ID="CheckBox1" Text="bedroom" runat="server" />
7
8
9
<asp:CheckBox ID="CheckBox2" Text="bedroom" runat="server" />
10
<br />
11
<br />
12
<asp:CheckBox ID="CheckBox3" runat="server" Text="door" />
13
14
15
<asp:CheckBox ID="CheckBox4" runat="server" Text="door" /><br />
16
<br />
3)然后在页面上拖放4个MutuallyExculsiveCheckBoxExtender控件,分别关联到CheckBox1,CheckBox2,CheckBox3,CheckBox4。并设置一些属性。
代码如下:
1
<cc1:MutuallyExclusiveCheckBoxExtender ID="MutuallyExclusiveCheckBoxExtender1" TargetControlID="CheckBox1" Key="bedroomCheckBox" runat="server">
2
cc1:MutuallyExclusiveCheckBoxExtender>
3
4
5
6
<cc1:MutuallyExclusiveCheckBoxExtender ID="MutuallyExclusiveCheckBoxExtender2" TargetControlID="CheckBox2" Key="bedroomCheckBox" runat="server">
7
cc1:MutuallyExclusiveCheckBoxExtender>
8
<br />
9
<cc1:MutuallyExclusiveCheckBoxExtender ID="MutuallyExclusiveCheckBoxExtender3" TargetControlID="CheckBox3" Key="doorCheckBox" runat="server">
10
cc1:MutuallyExclusiveCheckBoxExtender>
11
<br />
12
<cc1:MutuallyExclusiveCheckBoxExtender ID="MutuallyExclusiveCheckBoxExtender4" TargetControlID="CheckBox4" Key="doorCheckBox" runat="server">
13
cc1:MutuallyExclusiveCheckBoxExtender> 属性说明:
TargetControlID:该控件关联的CheckBox。
Key:这唯一的键用于关联几个CheckBox,从而使这几个CheckBox最多只能有一个选择或不选。
4)按下CTRL+F5,在浏览器中查看该效果。
该效果图如下:
阅读(1071) | 评论(0) | 转发(0) |