Флажок управления

Question

У меня есть одна проблема с контролем флажка, я читаю и ищу тему, но не могу найти ничего подходящего для меня, сначала у меня есть 3 флажка в форме asp.net mvc

<%= Html.CheckBox("cbCodigo") %> <label class="inline" for="Codigo">Codigo</label>
<%= Html.CheckBox("cbNombreCliente") %> <label class="inline" for="NombreCliente">Nombre del cliente</label>
<%= Html.CheckBox("cbCiudad") %> <label class="inline" for="Ciudad">Ciudad</label>

Я хочу контролировать с помощью jquery, чтобы пользователь просто мог установить один из флажков, я пытаюсь использовать hide (); если пользователь установит один флажок, остальные просто скрывают, но контроль над событиями настолько сложен, что, я думаю, это не лучший способ сделать это.

спасибо

Редактировать: ответ на мой собственный вопрос

я знаю, что это просто редкое скрытие других опций, я просто хочу "заблокировать" другие опции, когда я проверял один из них, я решаю это с помощью этого:

$('#cbCodigo').change(function() {
                if ($(this).is(':checked')) {
                    $('#cbNombreCliente').prop("checked", false);
                    $('#cbCiudad').prop("checked", false);
                }
            });

$('#cbNombreCliente').change(function() {
                if ($(this).is(':checked')) {
                    $('#cbCodigo').prop("checked", false);
                    $('#cbCiudad').prop("checked", false);
                }
            });

$('#cbCiudad').change(function() {
                if ($(this).is(':checked')) {
                    $('#cbCodigo').prop("checked", false);
                    $('#cbNombreCliente').prop("checked", false);
                }
            });

Answer 1

var $checkboxes = $('#cbCodigo, #cbNombreCliente, #cbCiudad');

$checkboxes.change(function(){
        $checkboxes.not(this).hide();
    });

Хотя я не могу понять, зачем вам такое странное требование.
Разве вы не хотите позволить пользователю отменить свой выбор с помощью другого флажка?