Question

我有一个数据表，其中我正在尝试获取所有已检查的行。此表具有行分组，并使用gyrocode中的复选框插件。我已经尝试了api上列出的代码，但我没有运气。无论选择什么，我只返回第一条记录。我用于的代码如下所示：

var tbl;
$(document).ready(function (){
          tbl = $('#example').DataTable({
            columnDefs: [{
                targets: 0,
                data: 2,
                'checkboxes': {
                    'selectRow': true
                }
            },
            { "visible": false, "targets": 1 }],
            select: {
                style: 'multi'
            },
            order: [[1, 'asc']],
            iDisplayLength: 10,
            drawCallback: function () {
                var api = this.api();
                var rows = api.rows({ page: 'current' }).nodes();
                var last = null;

                api.column(1, { page: 'current' }).data().each(function (group, i) {
                    if (last !== group) {
                        $(rows).eq(i).before(
                            '<tr class="group"><td colspan="6">' + group + '</td></tr>'
                        );
                        last = group;
                    }
                });
            }
        });
});

function getSelected(){
    alert(tbl.columns().checkboxes.selected().length);
}

我的jfiddle代码在这里。我不确定他们是否是复选框和行分组之间的相互关系？请让我知道我哪里出错了。

注意：该复选框基于gyrocode的插件。数据表是版本1.10.12

Answer 1

我做了快速检查，Eric Guan是正确的。我只是发布一个代码段：

function getSelected() {
   var selectedIds = tbl.columns().checkboxes.selected()[0];
   console.log(selectedIds)

   selectedIds.forEach(function(selectedId) {
       alert(selectedId);
   });
}

请参阅：https://jsfiddle.net/nwmmbLso/3/

我刚刚注意到您有重复的学生ID，这可能也会导致您正在使用的库出现意外行为。如果学生ID是唯一的，则上面提供的代码应该有效。

Answer 2

var id =“”; var oTable = $（“。table”）。dataTable（）;

Buffer: Array of BYTE;

Answer 3

我来不及回答这个问题。但是我的回答可以帮助社区中的其他人。

//datatable has to be initialized to a variable
var myTable = $('#calltable').dataTable();

//checkboxes should have a general class to traverse
var rowcollection = myTable.$(".call-checkbox:checked", {"page": "all"});

//Now loop through all the selected checkboxes to perform desired actions
rowcollection.each(function(index,elem){
    //You have access to the current iterating row
    var checkbox_value = $(elem).val();
    //Do something with 'checkbox_value'
});

我希望有帮助。

jquery Datatables复选框获取所有选中的行

3 个答案: