tabledata从复选框中获取id值

Posted 2021-05-04

我正在尝试使用Datatable显示数据，每当我尝试从复选框获取id值时，我得到undefined。

可数据代码

   $(function () {
        $('#reviews_data').DataTable({
            processing: true,
            serverSide: true,
            ajax: url,
            columns: [
                {
                    data: 'id', render: function (id) {
                    return '<input type="checkbox" class="icheckbox_minimal" data-id="'+id+'"> ';
                }
                },
                {data: 'status', render: function (status,data,rowData) {
                    return  ' <div class="checkbox">
' +
                        '<input id="exampleCheckboxSwitch" type="checkbox" data-id="'+rowData.id+'">
' +
                        '<label for="exampleCheckboxSwitch"></label>
' +
                        '</div>';
                }},
                {
                    data: 'status', render: function (data, data1, row, meta) {
                    return data + ' <br>' + row.created_at;
                }, "bUseRendered": false
                },
                {data: 'created_at', name: 'created_at'},
            ]
        });
    });

这一个问题

{data: 'status', render: function (status,data,rowData) {
                    return  ' <div class="checkbox">
' +
                        '<input id="exampleCheckboxSwitch" type="checkbox" data-id="'+rowData.id+'">
' +
                        '<label for="exampleCheckboxSwitch"></label>
' +
                        '</div>';
                }},

正如你在代码中看到的那样，我正试图从中获取id

data-id="'+rowData.id+'"

使用这个Jquery代码

   $(document).change('.checkbox',function () {
        var id = $(this).data('id');

        console.log(id);

    });

我试图使用值而不是data-id但是也可以使用

怎么解决？

答案

这里有一个根本性的错误。您不能使用这样的事件委托。

$(document).change('.checkbox',function () {
    var id = $(this).data('id');
    console.log(id);
});

试试这种方式：

$(document).on('change', '.checkbox', function () {
  var id = $(this).data('id');
  console.log(id);
});