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
>
运行结果:
查看全文
相关阅读:
Lightoj---1030
hdu---2091---空心三角形
hdu---2037---今年暑假不AC
将ant Design本地化,可通过link以及script直接引入html中使用
js 解析json
解决ant Design dva ajax跨越请求 (status=0)
ubantu 14.04中安装npm+node.js+react antd
ubantu中搭建virtualenv+python3.4+flask
Linux ubantu中安装虚拟/使用环境virtualenv以及python flask框架
页面中去除浮动 clear:both
原文地址:https://www.cnblogs.com/abcdwxc/p/950114.html
最新文章
搜索------Catch That Cow
搜索-----棋盘问题
搜索------prime path
FatMouse's Speed hdu 1160(动态规划,最长上升子序列+记录路径)
悼念512汶川大地震遇难同胞——珍惜现在,感恩生活 hdu2191(01背包)
玲珑杯热身赛A--Alarm (找规律)
Courses hdu 1083(匹配)
New Year Transportation codeforces500A(水题)
LightOJ 1234(调和级数)
Tickets hdu 1260(dp)
热门文章
1sting hdu 1865(模拟)
1sting hdu 1865 (大数菲波那切数列)
畅通工程续hdu 1874(最短路)
hdu---5234---Happy birthday
hdu---4994---Revenge of Nim
zznuli多校---1902
hdu---5652---India and China Origins
hdu---2802---F(N)
南阳多校---音痴又音痴的LT
hdu---1950---Bridging signals
Copyright © 2011-2022 走看看