Как проверить, какой флажок установлен в MVC с использованием JQuery?

Question

У меня есть 3 флажка, и я хочу увидеть, какой флажок установлен [наоборот].Если отмечен Group1, он должен вернуть Group1:true и наоборот.

  @Html.CheckBoxFor(m => m.Group1, new { @class = "chk",@id= "Group1" })                
  @Html.CheckBoxFor(m => m.Group2, new { @class = "chk", @id = "Group2"})               
  @Html.CheckBoxFor(m => m.Group3, new { @class = "chk", @id = "Group3"})

Скрипт

   $('.chk').change(function () {  
         var id = $(this).val();          
          $('#' + id).is(":checked");
        });

Answer 1

Если вам нужна дополнительная информация о состоянии других флажков после события, вы можете использовать (с комментариями):

$(function () {
    $(".chk").on("change", function () {
        var eventId = $(this).attr("id");
        // checked or unchecked for change event
        if ($(this).is(":checked")) {
            console.log("=> " + eventId + " has been checked");
        } else {
            console.log("=> " + eventId + " has been unchecked");
        }

        // Iterate all checkboxes
        $.each($(".chk"), function () {
            var id = $(this).attr("id");
            if (id !== eventId) {
                if ($(this).is(":checked")) {
                    console.log("=> " + id + " is checked");
                } else {
                    console.log("=> " + id + " is not checked");
                }
            }
        });
    });
});

Answer 2

Вы можете сделать все это, используя объект $ (this) в вашем слушателе изменений.Вот пример того, как это сделать:

$('.chk').change(function () {          
    console.log($(this).attr('id') + ":" + $(this).is(':checked'))
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='checkbox' id='Group1' class='chk'>
<input type='checkbox' id='Group2' class='chk'>
<input type='checkbox' id='Group3' class='chk'>

Здесь мы берем атрибут 'id', чтобы получить идентификатор измененного элемента управления, и затем объединяем его с результатом .is (': флажок«).Конечно, в моем примере я просто сохраняю результаты, но вы можете вернуть или сделать все, что вам нужно с ним сделать.

Надеюсь, это поможет.