AJAX Control toolkit – MutuallyExclusiveCheckBox

來源:互聯網
上載者:User

該控制項可以擴充到ASP.NET CheckBox,一組都添加該擴充的複選框只要設定相同的key,那麼一次就只有一個複選框能被選中(Checked),類似Radio Button。The use of checkboxes however allows you to choose to uncheck a value which is not possible normally with radio buttons. This also provides a more consistent and expected interface than using javascript to allow the de-selection of a RadioButton item.

<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<br />
<table>
<tr>
<td style="width: 163px; height: 30px;">
IS over 25 Years of Age
</td>
<td style="width: 186px; height: 30px;">
IS over 35 Years of Age
</td>
<td style="width: 186px; height: 30px;">
IS over 45 Years of Age
</td>
</tr>
<tr>
<td style="width: 163px">
<asp:CheckBox ID="IsOver25" runat="server" Text="I am over 25 years old." /><br />
<ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="IsOver25Ex" runat="server" TargetControlID="IsOver25"
Key="AgeChoice" />
</td>
<td style="width: 186px">
<asp:CheckBox ID="IsOver35" runat="server" Text="I am Over 35 years old." /><br />
<ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="IsNotOver35Ex" runat="server"
TargetControlID="IsOver35" Key="AgeChoice" />
</td>
<td style="width: 186px">
<asp:CheckBox ID="IsOver45" runat="server" Text="I am Over 45 years old." /><br />
<ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="IsNotOver5Ex" runat="server" TargetControlID="IsOver45"
Key="AgeChoice" />
</td>
</tr>
</table>

 

TargetControlID - The ID of the CheckBox to Modify.

key - The Unique key to use to associate checkboxes.This key does not respect INamingContainer renaming.

  

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.