Проверьте, установлен ли флажок в массиве флажков

Question

У меня есть массив флажков.Если флажок установлен, он будет добавлен в текстовую строку.Вот мой код:

  var a = $(this).closest('tr').parent().closest('tr').find('input[type="checkbox"].CheckedArray');

        for (var i = 0; i < a.length; i++) {
            if (a[i].is(':checked')) {
                list= list+ a[i].value + ", ";
            }
            alert(list);
        }

        <table id="" class="table">
<tr>
    <td>
        <div class="form-horizontal form-inline">
            <input class="CheckedArray" type="Checkbox" value="' + Id + '" id="CheckedArray" name="CheckedArray" />Select<div class="form-group"><label for="" class="control-label col-sm-1"></label><label for="" class="control-label col-sm-4">PD No: </label><div class="col-sm-3"><input name="PDNo" class="form-control input-sm " id="PDNo" type="text" /></div></div>
        </div>
    </td>
</tr>

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

Answer 1

if ( $( elem ).prop( "checked" ) )
{
  \\Code_here
}

Или

if ( $( elem ).is( ":checked" ) )
{
  \\Code_here
}

Оба будут работать. Попробуйте добавить знак $ в ваш код.

Answer 2

У вас есть местоположение для отмеченного флажка, но вы никогда не получите элемент, если не используете знак $ ..

Используйте приведенный ниже код, и все получится.

$ (а [I]) проп ( "проверено");.

Answer 3

Не могли бы вы использовать

  <script>
    $(document).ready(function()
    {
     $(".CheckedArray").change(function()
       {
         console.log( $(this).prop("checked"),$(this).attr("id") );

       });

    });
     </script>

<table id="" class="table">
<tr>
<td>
<div class="form-horizontal form-inline">
    <input class="CheckedArray" type="Checkbox" value="' + Id + '" id="CheckedArray" name="CheckedArray" />Select<div class="form-group"><label for="" class="control-label col-sm-1"></label><label for="" class="control-label col-sm-4">PD No: </label><div class="col-sm-3"><input name="PDNo" class="form-control input-sm " id="PDNo" type="text" /></div></div>
</div>
</td>
</tr>