建立互斥的核取方塊 (C#)

作者 :一個是一個

下載 PDF

只選取一組選項時,通常會使用選項按鈕。 不過有一個缺點:一旦選取群組中的選項按鈕,就無法取消核取所有選項按鈕。 核取方塊可以隨時取消核取,但不會互斥。 本教學課程提供這兩種方法的最佳方法:互斥的核取方塊。

概觀

只選取一組選項時,通常會使用選項按鈕。 不過有一個缺點:一旦選取群組中的選項按鈕,就無法取消核取所有選項按鈕。 核取方塊可以隨時取消核取,但不會互斥。 本教學課程提供這兩種方法的最佳方法:互斥的核取方塊。

步驟

ASP.NET AJAX 控制項工具組包含 MutuallyExclusiveCheckBox 擴充項。 這可讓程式設計人員將任何核取方塊指派給組名 (Key 屬性) 。 從相同群組內的所有核取方塊,一次只能選取一個。

讓我們從將兩個核取方塊放在新的 ASP.NET 網頁上開始。 可以有更多專案,但其中兩個就足以示範原則:

<asp:CheckBox ID="cbYes" runat="server" />Yes
<asp:CheckBox ID="cbNo" runat="server" />No

對於這兩個核取方塊,必須在頁面上放置 MutuallyExclusiveCheckBoxExtender 控制項。 這兩個 Key 屬性都必須有相同的值,就像 HTML 選項按鈕元素的值屬性必須相同,才能表示他們所屬的群組。 擴充項的 TargetControlID 屬性會指向核取方塊的識別碼。

<ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="mecbe1" runat="server"
 TargetControlID="cbYes" Key="YesNo" />
<ajaxToolkit:MutuallyExclusiveCheckBoxExtender ID="mecbe2" runat="server"
 TargetControlID="cbNo" Key="YesNo" />

最後,包含 ASP.NET AJAX ScriptManager ,這是 ASP.NET AJAX 控制項工具組的所有元素所需的:

<asp:ScriptManager ID="asm" runat="server" />

儲存並執行頁面:您可以核取和取消核取這兩個核取方塊,但無法同時核取這兩個核取方塊。

一次只能核取一個核取方塊

一次只能核取一個核取方塊, (按一下即可檢視完整大小的影像)