Создание взаимоисключающих флажков (VB)

Кристиан Венц

Скачать в формате PDF

Когда может быть выбран только один вариант из набора, обычно используются радиокнопки. Существует недостаток, однако: после выбора одной радиокнопки в группе невозможно снять выбор со всех радиокнопок. Флажки могут быть сняты в любое время, однако они не исключают друг друга. В этом руководстве приведены лучшие варианты обоих подходов: флажки, которые являются взаимоисключающими.

Обзор

Когда может быть выбран только один вариант из набора, обычно используются радиокнопки. Существует недостаток, однако: после выбора одной радиокнопки в группе невозможно снять выбор со всех радиокнопок. Флажки могут быть сняты в любое время, однако они не исключают друг друга. В этом руководстве приведены лучшие варианты обоих подходов: флажки, которые являются взаимоисключающими.

Шаги

Набор средств управления AJAX ASP.NET содержит расширитель 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" />

Наконец, добавьте ScriptManager ASP.NET AJAX, который необходим для всех элементов набора средств управления ASP.NET AJAX.

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

Сохраните и запустите страницу: вы можете устанавливать и снимать оба флажка, однако ни в коем случае нельзя устанавливать оба флажка одновременно.

Одновременно можно проверить только один флажок (щелкните, чтобы просмотреть изображение полного размера)