tabledata ID-Wert von Checkbox

Question

Ich versuche, Daten mit Datatable anzuzeigen, immer wenn ich versuche, den ID-Wert aus Kontrollkästchen bekomme ich .

Datentabelle Code

$(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">\n' + 
         '<input id="exampleCheckboxSwitch" type="checkbox" data-id="'+rowData.id+'">\n' + 
         '<label for="exampleCheckboxSwitch"></label>\n' + 
         '</div>'; 
       }}, 
       { 
        data: 'status', render: function (data, data1, row, meta) { 
        return data + ' <br>' + row.created_at; 
       }, "bUseRendered": false 
       }, 
       {data: 'created_at', name: 'created_at'}, 
      ] 
     }); 
    }); 

dieses Problem mit diesem

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

wie Sie im Code sehen Ich versuche, die ID von

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

mit diesen JQuery zu erhalten Code

Ich habe versucht, Wert verwenden anstelle von Daten-ID, aber nicht funktioniert entweder

wie man es beheben?

Answer 1

Hier liegt ein grundlegender Fehler vor. Sie können eine Ereignisdelegation nicht wie folgt verwenden.

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

Versuchen Sie, diese Art und Weise:

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