옵션 집합 중 하나만 선택할 수 있는 경우 일반적으로 라디오 단추가 사용됩니다. 그러나 단점이 있습니다. 그룹에서 하나의 라디오 단추가 선택되면 모든 라디오 단추의 선택을 취소할 수 없습니다. 확인란은 언제든지 선택 취소할 수 있지만 상호 배타적이지는 않습니다. 이 자습서에서는 상호 배타적인 검사 상자라는 두 가지 방법 중 가장 좋은 방법을 제공합니다.
개요
옵션 집합 중 하나만 선택할 수 있는 경우 일반적으로 라디오 단추가 사용됩니다. 그러나 단점이 있습니다. 그룹에서 하나의 라디오 단추가 선택되면 모든 라디오 단추의 선택을 취소할 수 없습니다. 확인란은 언제든지 선택 취소할 수 있지만 상호 배타적이지는 않습니다. 이 자습서에서는 상호 배타적인 검사 상자라는 두 가지 방법 중 가장 좋은 방법을 제공합니다.
단계
ASP.NET AJAX 컨트롤 도구 키트에는 MutuallyExclusiveCheckBox extender가 포함되어 있습니다. 이렇게 하면 프로그래머가 그룹 이름(Key 특성)에 확인란을 할당할 수 있습니다. 동일한 그룹 내의 모든 검사 상자에서 한 번에 하나만 선택할 수 있습니다.
새 ASP.NET 페이지에 두 개의 검사 상자를 배치하는 것부터 시작해 보겠습니다. 더 많은 것이 있을 수 있지만 그 중 두 가지는 원칙을 입증하기에 충분합니다.
<asp:CheckBox ID="cbYes" runat="server" />Yes
<asp:CheckBox ID="cbNo" runat="server" />No
두 확인란 모두 페이지에 MutuallyExclusiveCheckBoxExtender 컨트롤을 배치해야 합니다. HTML 라디오 단추 요소의 값 특성이 속한 그룹을 나타내기 위해 동일해야 하는 것처럼 두 키 특성 모두 동일한 값을 가져야 합니다. extender의 TargetControlID 속성은 검사 상자의 ID를 가리킵니다.
<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" />
페이지 저장 및 실행: 두 검사 상자를 모두 검사 선택 취소할 수 있지만 검사 상자를 모두 선택할 수는 없습니다.
한 번에 하나의 확인란만 선택할 수 있습니다(전체 크기 이미지를 보려면 클릭).
