Найти все выбранные флажки в бритве HTML с помощью jquery

Question

Мне нужно захватить все выбранные флажки, сгенерированные бритвой foreach, поступающей из модели MVC.Мне нужно сделать это с помощью Jquery.

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

Я пробовал использование, которое возвращает мне значение входного флажка и счетчик того, сколько из них проверено, но вместо этого мне нужно значение DisplayFor.

  $('#mcalSubmit').on('click', function () {
    var subLines = [];
    $.each($("input[name='subLines']:checked"), function () {
        favorite.push($(this).val());
    });
    alert( subLines.join(", "));

});

Здесь у меня есть эти div, и я заполняю таблицу, используя foreach на основе модели из отдельной базы данных.Пользователь выбирает флажок рядом с дисплеем для ..

<div class="card text-white bg-info mb-3 ml-3 hideMe " id="MCAL" style="min-width: 25rem; max-width: 25rem; ">
        <div class="card-header bg-primary">
            MCAL Sublines
        </div>
        <div class="card-body">
            <table id="mcalTBL" class="table">
                <tr></tr>
                @foreach (var item in Model)
                {
                    ULT = item.UniqLineType;
                    if (ULT == AL)
                    {
                        <tr>
                            <td class="text-white ">
                                <input type="checkbox" class="cbMCAL" value="sublineMcal" />
                                @Html.DisplayFor(modelItem => item.SubLine_Name)
                            </td>
                        </tr>
                    }
                }
            </table>
        </div>
        <div class="card-footer bg-secondary">
            <button class="btn btn-danger btn-md float-right" id="mcalSubmit">Submit</button>
        </div>
    </div>

Мне нужно найти способ для захвата, какие флажки они выбирают, и данные строки таблицы (в данном случае это будет какой элемент DisplayFor они сделаливыберите) .. Я должен сделать это, потому что после этого я отправлю их на контроллер для вставки БД.Еще раз спасибо за помощь.

Answer 1

Вы должны добавить этот код

  $('#mcalSubmit').on('click', function () {
    var subLines = "";
    $.each($("input[name='subLines']:checked"), function () {
       subLines += $(this).val() +","
    });
   alert(subLines);
  });

и добавить

    name='subLines' // add in your input checkbox code
   <input type="checkbox" name='subLines' class="cbMCAL" value="sublineMcal" />

в коде вашего флажка