Kontrollkästchen funktionieren nicht mit datatable.js zweiten Seite Paginierung

Question

I datatable.js für Paginierung bin mit:

Wenn ich eine Checkbox innerhalb Tabellenzeile zu überprüfen, habe ich sperren/löschen Tasten zeigen, die aus der Seite sind in der Tabelle . Dazu habe ich Below jQuery-Code Done:

$(document).ready(function() {  

    $('#tblID :input[type="checkbox"]').on('click',function() { 
     var checkedBoxes = $('#tblID:input[type="checkbox"]:checked').length; 

     if (checkedBoxes > 0) { 
      alert(checkedBoxes); 
      $("#lnkLock").show(); 
      $("#lnkDelete").show(); 

     } 
     else { 
      alert(checkedBoxes); 
      $("#lnkLock").hide(); 
      $("#lnkDelete").hide(); 
     } 
    }); 
}); 

Es wird nur auf der ersten Seite von table.When Arbeits steuere ich zweite Seite der Datentabelle/Tabelle es nicht mehr funktioniert (Buttons (lock/Löschen)) nicht gezeigt.

Auf zweiten, dritten ... Seiten checkbox klicken Ereignis wird auch nicht ausgelöst.

Wie kann ich es auf anderen Seiten tun?

Answer 1

eine Klasse zuweisen sagen chkClassName zu Ihrem checkbox und Ihren Code ein wenig wie unten ändern:

$('#tblID').on("change", ".chkClassName", function (event) { 
     var checkedBoxes = $('#tblID :input[type="checkbox"]:checked').length; 
     if (checkedBoxes > 0) {    
      $("#lnkLock").show(); 
      $("#lnkDelete").show(); 
     } 
     else {    
      $("#lnkLock").hide(); 
      $("#lnkDelete").hide(); 
     } 
    }); 

Answer 2

die Click-Handler Versuchen Sie, in der Datentabelle Seite Ereignis

$('#example').on('page.dt', function() { //your click handler is here });

Referenz Link enter link description here