AjaxControltoolkit学习笔记—MutuallyExclusiveCheckBox 使用详解

 

2008-03-01 21:59

十八．MutuallyExclusiveCheckBox

MutuallyExclusiveCheckBox 是一个可以使得 CheckBox 具有类似 RadioButton 一样，在一系列的选项中只能选择一个的功能。

但是和 RadioButton 不同，MutuallyExclusiveCheckBox 除了在一系列选项中选择一个的功能外，MutuallyExclusiveCheckBox 还可以呈现“不选任何一个”的状态。

MutuallyExclusiveCheckBox 属性

<ajaxToolkit:MutuallyExclusiveCheckboxExtender runat="server"
    ID="MustHaveGuestBedroomCheckBoxEx"
    TargetControlID="MustHaveGuestBedroomCheckBox"
    Key="GuestBedroomCheckBoxes" />

• TargetControlID - 被 MutuallyExclusiveCheckBox 所控制的 CheckBox 控件 ID
• Key - 用作标示为“同一组”的只可选其一的标识

案例代码

<table>
        <tr>
            <td>
                <b>0</b><br />
             <asp:Checkbox runat="server" id="A0" Text="A" /><br />
             <asp:Checkbox runat="server" id="B0" Text="B" /><br />
            </td>
            <td>
                <b>1</b><br />
             <asp:Checkbox runat="server" id="A1" Text="A" /><br />
             <asp:Checkbox runat="server" id="B1" Text="B" /><br />
            </td>           
        </tr>
    </table>
   
    <ajaxToolkit:MutuallyExclusiveCheckboxExtender ID="A0Ext" runat="server" TargetControlID="A0" Key="ACheckBoxes" />
    <ajaxToolkit:MutuallyExclusiveCheckboxExtender ID="B0Ext" runat="server" TargetControlID="B0" Key="BCheckBoxes" />
    <ajaxToolkit:MutuallyExclusiveCheckboxExtender ID="A1Ext" runat="server" TargetControlID="A1" Key="ACheckBoxes" />
    <ajaxToolkit:MutuallyExclusiveCheckboxExtender ID="B1Ext" runat="server" TargetControlID="B1" Key="BCheckBoxes" />