共用方式為


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

作者:Christian Wenz

下載 PDF

如果只能選取一組選項時,通常會使用選項按鈕。 不過有缺點:一旦選取群組中的選項按鈕,就無法取消核取所有選項按鈕。 核取方塊可以隨時取消核取,但並非互斥。 本教學課程結合了兩種方法的優點:互斥的核取方塊。

概觀

如果只能選取一組選項時,通常會使用選項按鈕。 不過有缺點:一旦選取群組中的選項按鈕,就無法取消核取所有選項按鈕。 核取方塊可以隨時取消核取,但並非互斥。 本教學課程結合了兩種方法的優點:互斥的核取方塊。

步驟

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

讓我們從將兩個核取方塊放在新的 ASP.NET 頁面上開始。 可能還有更多,但其中兩個足以證明這一原則:

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

針對這兩個核取方塊,必須在頁面上放置 MutuallyExclusiveCheckBoxExtender 控制項。 這兩個重要屬性都必須有相同的值,就像 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 Control Toolkit 的所有元素所需的:

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

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

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

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