Как правильно считать отмеченные флажки html столбца таблицы, используя класс элемента?

Question

Я пытаюсь получить количество проверенных флажков из столбца таблицы HTML на странице бритвы, используя jQuery на самом деле. Я не собираю идентификаторы флажков, вместо этого пытаюсь использовать класс для поддержания количества. Тем не менее, когда я нажимаю на флажок, счет начинается с: 2 x количество строк таблицы + флажки. Это проблема файла. css? Я загружаю свой столбец флажка (добавлен), используя модель в проекте mvc.

Вот мой сценарий:

$(document).ready(function () {


        $(".tblChkBx").change(function () {
            $("#lblCountRecords").text($(".tblChkBx").filter(":checked").length);
        });

}

HTML

<div class="row">
    <table id="data"
           class="table table-striped table-hover">
        <thead>
            <tr id="thead"
                class="reviewsubhead">

                <th>guest name</th>
                <th>
                    <div class="form-control" onclick="clearRadio()" font-size:8px;">
                        <a id="btnClear" class="arrow-link" onclick="clearRadio()" style="font-size: 0.77em;">
                            clear: <label id="lblCountRecords">0</label>/<label id="lblTotalCount">0</label>
                        </a>
                    </div>
                </th>
            </tr>
        </thead>
        <tbody id="tbody">
            @for (int guestNum = 0; guestNum < Model.GuestUserList.Count; guestNum++)
            {
                <tr>

                    <td>@Model.GuestUserList[guestNum].Name</td>
                    <td align="center">
                        @Html.CheckBoxFor(c => c.GuestUserList[guestNum].ChkBox, new { @class = "tblChkBx" })
                        @Html.HiddenFor(c => c.GuestUserList[guestNum].Req_id)
                    </td>
                </tr>
            }
        </tbody>
    </table>
</div>

Есть идеи, что не так?

Answer 1

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

Селектор, который будет работать так:

console.log($("input[type='checkbox']:checked").length)