Как найти проверенное состояние одного флажка в WebGrid

Question

Вот моя WebGrid со столбцом флажка с id = chkbox1:

@grid.GetHtml(htmlAttributes:=New With {.id = "grid", .class = "table table-bordered table-striped table-condensed", .name = "grid1"},
                            emptyRowCellValue:="No Records Found",
                            headerStyle:="grid-header",
                            columns:=grid.Columns(
                            grid.Column(header:="Select", format:=Function() Html.CheckBox("chkboxname", htmlAttributes:=New With {.id = "chkbox1", .value = "Item"})),
                            grid.Column("item_id", "Item ID"),
                            grid.Column("item_desc", "Description")))

Вот мои функции для превращения WebGrid в объект json:

<script>
                document.getElementById("btnGetRows").addEventListener("click", getTableData);

                function getTableData() {
                    //debugger;
                    var _griddata = gridTojson();
                    var url = '@Url.Action("GetGridViewRows")';
                    alert(_griddata);
                    $.ajax({
                        url: url,
                        type: 'POST',
                        data: { griddata: _griddata }
                    }).done(function (data) {
                        if (data != "") {
                            $('#grid').html(data);
                        }
                    });
                }

                function gridTojson() {
                    var json = '{';
                    var otArr = [];

                    var tbl2 = $('#grid tbody tr').each(function (i) {
                        var chkbox2 = $("#chkbox1").is(":checked");
                        //var chkbox = document.getElementById("chkbox1"); //tried this too
                        if ($(this)[0].rowIndex != 0) {
                            if (chkbox2) {
                                x = $(this).children();
                                var itArr = [];
                                x.each(function () {
                                    if ($(this).children('input').length > 0) {
                                        itArr.push('"' + $(this).children('input').val() + '"');
                                    }
                                    else {
                                        itArr.push('"' + $(this).text() + '"');
                                    }
                                });
                                otArr.push('"Row' + i + '": [' + itArr.join(',') + ']');
                            }
                        }
                    })
                    json += otArr.join(",") + '}'
                    return json;
                }
            </script>

То, что я хочу сделать, это циклически проходить и получать все строки, у которых установлен флажок, и сохранять данные строк в объекте json. Если я установлю все флажки в WebGrid, оператор «if» станет истинным. Несмотря на то, что флажки имеют одинаковый идентификатор, не должен ли он работать, поскольку переменная chkbox2 = $ ("# chkbox1"). Is (": checked") находится в цикле и сбрасывает его каждый раз?

Answer 1

Хитрость заключалась в том, чтобы сделать это:

                           if ($(this).find("td").children().is(":checked")) {
                                x.each(function () {
                                    if ($(this).children('input').length > 0) {
                                        itArr.push('"' + $(this).children('input').val() + '"');
                                    }
                                    else {
                                        itArr.push('"' + $(this).text() + '"');
                                    }
                                });
                            }

вместо этого:

                    var chkbox2 = $("#chkbox1").is(":checked");
                    if ($(this)[0].rowIndex != 0) {
                        if (chkbox2) {
                            x = $(this).children();
                            var itArr = [];
                            x.each(function () {
                                if ($(this).children('input').length > 0) {
                                    itArr.push('"' + $(this).children('input').val() + '"');
                                }
                                else {
                                    itArr.push('"' + $(this).text() + '"');
                                }
                            });
                            otArr.push('"Row' + i + '": [' + itArr.join(',') + ']');
                        }
                    }