как выбрать только один флажок с JQuery

Question

как выбрать только один флажок с JQuery

0

<div class="form-group">
@Html.CheckBoxFor(x => x.ClientAccountIsHospitality, new { @type = "checkbox" })
@Html.LabelFor(x => x.ClientAccountIsHospitality)
</div>
<div class="form-group">
@Html.CheckBoxFor(x => x.ClientAccountIsRetail, new { @type = "checkbox" })
@Html.LabelFor(x => x.ClientAccountIsRetail)
</div>

<script type="text/javascript" language="javascript">
         $(document).ready(function () {
            $("input[type='checkbox']").change(function () {
                $(this).closest(".checkboxContainer").find("input[type='checkbox']").not(this).prop("checked", false);
                $(this).prop("checked", true);
            });
        });
        </script>

Я надеялся, когда пользователь выберет флажок, другой флажок будет отменен, если он выбран. Проблема с этим кодом заключается в том, что пользователь может выбрать флажок, но не может отменить его снова. либо выбрав другой флажок, либо попытаться не выбрать выбранное поле

ПРИМЕЧАНИЕ. Я использовал флажки на своем сайте и хотел бы придерживаться этого. Мне не нужен переключатель. Thaks

John 14 апр. 2014, в 13:55

Источник

Теги:

c#

jquery

html

asp.net

checkbox

1 ответ

Ещё вопросы

Aray · Answer 1 · 2014-04-14T08-58-00.000Z

3

$(':checkbox').click(function(e){
    if($(this).is(':checked')){
        $(':checked').prop('checked', false);
        $(this).prop('checked', true);

    }
    else{
        e.preventDefault();
    }
});

пример

Aray 14 апр. 2014, в 08:58

0

это большое спасибо за помощь, но я все еще не могу снять флажок, после проверки его. Только ООН проверяет, выбрал ли я другое поле?
John 14 апр. 2014, в 12:22
0

извините, затем попробуйте удалить e.preventDefault ();
Aray 14 апр. 2014, в 12:23
0

ааа, это здорово, спасибо ... единственная проблема, которая у меня сейчас есть, это то, что на странице есть еще один флажок, но я не хочу, чтобы он применялся к этому есть идеи, что делать?
John 14 апр. 2014, в 12:25
0

<div class = "form-group"> @ Html.CheckBoxFor (x => x.ClientAccountIsActive) @ Html.LabelFor (x => x.ClientAccountIsActive) </ div>
John 14 апр. 2014, в 12:26
0

Вы можете добавить любой селектор, чтобы ограничить поиск, jsfiddle.net/W5muM
Aray 14 апр. 2014, в 12:36
0

отличное спасибо за все +1 за дополнительную помощь
John 14 апр. 2014, в 15:40

Показать ещё 4 комментария