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>

    运行结果：
        
  • 相关阅读:
    网络基础
    socket编程初识
    socket之黏包
    socketserver和socket的补充(验证客户端合法性)
    操作系统介绍
    进程初识和multiprocessing模块之Process
    进程Process之join、daemon(守护)、terminate(关闭)
    进程间通信(队列、管道)、消费者模型和进程池(apply,apply_async,map)
    数字证书私钥sign及验证
    JAVA获取密钥公钥的keytool的使用
  • 原文地址：https://www.cnblogs.com/abcdwxc/p/950114.html
Copyright © 2011-2022 走看看