zoukankan
html css js c++ java
MutuallyExlcusiveCheckBox控件
功能:
可以应用到页面中的CheckBox上,通过为一组CheckBox指定同样的Key,让它们拥有类似单选按钮组(Radio Button Group)的行为,即用户只能选择组中的某一项。与单选按钮组不同的是,这个由CheckBox组成的单选按钮允许取消选择,即不选择组中的任意一项,而传统的单选按钮组则无法实现这个功能。
属性:
Key:隶属于同一群组的复选框,必须具有独一的键值。
TargetControlID:目标控件ID值。
实例代码:
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
runat
="server"
>
<
title
>
Untitled Page
</
title
>
</
head
>
<
body
>
<
form
id
="form1"
runat
="server"
>
<
asp:ScriptManager
ID
="sm"
runat
="server"
/>
<
table
>
<
tr
>
<
td
colspan
="2"
>
外出旅游,您会携带‧‧‧
</
td
>
</
tr
>
<
tr
>
<
td
style
=" 165px"
>
会携带
</
td
>
<
td
style
=" 165px"
>
不会携带
</
td
>
</
tr
>
<
tr
>
<
td
>
<
asp:CheckBox
ID
="chkBoxTakeCellPhone"
runat
="server"
Text
="手机"
/><
br
/>
<
asp:CheckBox
ID
="chkBoxTakeCamera"
runat
="server"
Text
="相机"
/><
br
/>
<
asp:CheckBox
ID
="chkBoxTakeMP3"
runat
="server"
Text
="MP3"
/><
br
/>
<
asp:CheckBox
ID
="chkBoxTakeEraset"
runat
="server"
Text
="耳机"
/><
br
/>
<
asp:CheckBox
ID
="chkBoxTakeNB"
runat
="server"
Text
="笔记本"
/><
br
/>
<
asp:CheckBox
ID
="chkBoxTakeFlashDrive"
runat
="server"
Text
="随身听"
/><
br
/>
</
td
>
<
td
>
<
asp:CheckBox
ID
="chkBoxNotTakeCellPhone"
runat
="server"
Text
="手机"
/><
br
/>
<
asp:CheckBox
ID
="chkBoxNotTakeCamera"
runat
="server"
Text
="相机"
/><
br
/>
<
asp:CheckBox
ID
="chkBoxNotTakeMP3"
runat
="server"
Text
="MP3"
/><
br
/>
<
asp:CheckBox
ID
="chkBoxNotTakeEraset"
runat
="server"
Text
="耳机"
/><
br
/>
<
asp:CheckBox
ID
="chkBoxNotTakeNB"
runat
="server"
Text
="笔记本"
/><
br
/>
<
asp:CheckBox
ID
="chkBoxNotTakeFlashDrive"
runat
="server"
Text
="随身听"
/>
<
br
/>
</
td
>
</
tr
>
<
tr
>
<
td
colspan
="2"
>
<
hr
/>
</
td
>
</
tr
>
</
table
>
<
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
ID
="mecbeTakeCellPhone"
runat
="server"
TargetControlID
="chkBoxTakeCellPhone"
Key
="CellPhone"
>
</
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
>
<
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
ID
="mecbeNotTakeCellPhone"
runat
="server"
TargetControlID
="chkBoxNotTakeCellPhone"
Key
="CellPhone"
>
</
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
>
<%
--
设定「相机」的互斥式复选框
--
%>
<
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
ID
="mecbeTakeCamera"
runat
="server"
TargetControlID
="chkBoxTakeCamera"
Key
="PDA"
>
</
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
>
<
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
ID
="mecbeNotTakePDA"
runat
="server"
TargetControlID
="chkBoxNotTakeCamera"
Key
="PDA"
>
</
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
>
<%
--
设定「MP3」的互斥式复选框
--
%>
<
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
ID
="mecbeTakeMP3"
runat
="server"
TargetControlID
="chkBoxTakeMP3"
Key
="MP3"
>
</
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
>
<
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
ID
="mecbeNotTakeMP3"
runat
="server"
TargetControlID
="chkBoxNotTakeMP3"
Key
="MP3"
>
</
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
>
<%
--
设定「耳机」的互斥式复选框
--
%>
<
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
ID
="mecbeTakeEarset"
runat
="server"
TargetControlID
="chkBoxTakeEraset"
Key
="Eraset"
>
</
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
>
<
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
ID
="mecbeNotTakeEarset"
runat
="server"
TargetControlID
="chkBoxNotTakeEraset"
Key
="Eraset"
>
</
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
>
<%
--
设定「笔记本」的互斥式复选框
--
%>
<
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
ID
="mecbeTakeNB"
runat
="server"
TargetControlID
="chkBoxTakeNB"
Key
="NB"
>
</
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
>
<
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
ID
="mecbeNotTakeNB"
runat
="server"
TargetControlID
="chkBoxNotTakeNB"
Key
="NB"
>
</
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
>
<
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
ID
="mecbeTakeFlashDrive"
runat
="server"
TargetControlID
="chkBoxTakeFlashDrive"
Key
="FlashDrive"
>
</
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
>
<
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
ID
="mecbeNotTakeFlashDrive"
runat
="server"
TargetControlID
="chkBoxNotTakeFlashDrive"
Key
="FlashDrive"
>
</
ajaxToolkit:MutuallyExclusiveCheckBoxExtender
>
</
form
>
</
body
>
</
html
>
运行结果:
查看全文
相关阅读:
C#编程规范
实用JavaScript代码库
JSON入门
asp.net基本事件
iOS开发笔记 3、iOS基础
iOS开发笔记 8、真机调试和发布软件
数据同步框架MS Sync Framework不同场景使用例子和简要分析
使用AppFabric 承载WCF和WF服务实例分析和说明
.net程序员的iPhone开发MonoTouch
iOS开发笔记 4、iOS中的Cocoa、设计模式等
原文地址:https://www.cnblogs.com/abcdwxc/p/950114.html
最新文章
大型门户网站实现的十四大技术
web.config中的httpHandlers
大型门户网站开发经验
sql循环语句和多分支语句的语法介绍
httpHandlers和httpModules接口介绍 (3)
System.Web.Routing
ASP.NET的运行原理与运行机制
sql多表连接查询
各大型网站用的全局样式
httpHandlers和httpModules接口介绍 (2)
热门文章
Javscript全局函数
httpHandlers和httpModules接口介绍 (6)
asp.net缓存机制
Asp.net MVC学习(1) 路由
WebConfig
本群主要讨论
httpHandlers和httpModules接口介绍 (1)
css+js实现静态分页
httpHandlers和httpModules接口介绍 (4)
httpHandlers和httpModules接口介绍 (7)
Copyright © 2011-2022 走看看