如何获取单元格中的所有复选框值答案

【问题标题】：How to get all checkbox values in cells如何获取单元格中的所有复选框值
【发布时间】：2018-05-15 13:55:55
【问题描述】：

我有一些用于授予权限的复选框的 jQuery 数据表。我需要将表值获取到数组中。请告诉我如何在单元格中获取复选框状态，而不仅仅是选中的。谢谢。

我的桌子

 <table id="jqueryTable" name="tt" class="table table-striped table-bordered" cellspacing="0">
    <thead>
        <tr>
            <th name="id">
                ID
            </th>
            <th name="name">
                PRIV_Name_Str
            </th>
            <th name="create">
                Create
            </th>
            <th>
                Edit
            </th>
            <th>
                View
            </th>
        </tr>
    </thead>
<table>

我的数据表查询

function LoadProduct(element) {
$.ajax({
    url: '/ADM_MAS_Privilege/GetFormData',
    data: { YourValue: $('#productCategory').val() },
    method: 'post',
    dataType: 'json',
    success: function (data) {
        var table =   $('#jqueryTable').dataTable({
            paging: true,
            sort: true,
            searching: true,
            scrollY: 200,
            data: data,
            bDestroy: true,

            "columnDefs":
            [{
                "targets": [2, 3, 4],
                "render": function (data, type, row, meta) {
                    console.log("XX " + meta.row + " " + meta.col);
                    return type === 'display' ?
                        '<input type="checkbox" id="p" class="chk" name="group' + meta.row + '" /> ' + data :
                        data;
            columns: [{ "data": "ID", "ID": "ID", "autoWidth": true },
            {
                "data": "PRIV_Name_Str", "PRIV_Name_Str": "PRIV_Name_Str", "autoWidth": true
            },
            {
                "data": "Create", "Create": "Create", "autoWidth": true
            },
            { "data": "Edit", "Edit": "Edit", "autoWidth": true },
            {
                "data": "View"                 

            }

            ]
        });
    }
});

};

我的 jQuery 函数读取数据表

$('#upload').click(function () {
var table = document.getElementById("jqueryTable");
var tableArr = [];
for (var i = 1; i < table.rows.length; i++) {
    tableArr.push({

        ID: table.rows[i].cells[0].innerHTML,
        PRIV_Name_Str: table.rows[i].cells[1].innerHTML,

        Create: table.rows[i].cells[2].innerHTML,
        Edit: table.rows[i].cells[3].innerHTML,

        View: table.rows[i].cells[4].innerHTML

    });
}

});

我尝试了 table.rows[i].cells[2].innerHTML.getElementById("p").checked ，但它不起作用。

【问题讨论】：

document.querySelectorAll('table input[type="checkbox"]').forEach(cb=>console.log(cb.checked));

标签： javascript jquery datatables

【解决方案1】：

由于您使用的是 jQuery：

document.getElementById("jqueryTable").each(function (index, element) {
  tableArr.push({
    ID: element.cells[0].innerHTML,
    PRIV_Name_Str: element.cells[1].innerHTML,

    Create: element.cells[2].innerHTML,
    Edit: element.cells[3].innerHTML,

    View: element.cells[4].innerHTML
  })
})

【讨论】：

谢谢，但它返回了 " "，这只是复选框的定义。还有其他方法吗？
我认为您可以从那里获取其他属性，例如 elem.length 或 elem.data("some-data-attribute")

【解决方案2】：

您可以在每个单元格中找到元素和选中的属性：

for (var i = 1; i < table.rows.length; i++) {
    var cells = table.rows[i].cells;
    tableArr.push({
        ID: cells[0].innerHTML,
        PRIV_Name_Str: cells[1].innerHTML,
        Create: cells[2].querySelectorAll('input')[0].checked,
        Edit: cells[3].querySelectorAll('input')[0].checked,
        View: cells[4].querySelectorAll('input')[0].checked 
    });
}

【讨论】：