CODEWITHSUNDEEP
javascripthtmljquerydatatables
Novice
Novice

Reputation: 308

Onchange not working on next page Datatable

I am using checkbox on every row to do multi delete record in datatable. I want to show delete button only if any checkbox is checked. On first page, onchange is working. But on second page so on, onchange not working.

Below is my code :

$(".isdt-selected").on("change", function() {
      $(".isdt-selected").each(function(index, elem) {
        if($(elem).is(':checked')){
          $('#btn-delete-bulk').show();
          return false;
        }else{
          $('#btn-delete-bulk').hide();
        }
      });
    });

Upvotes: 1

Views: 1354

Answers (2)

Novice
Novice

Reputation: 308

I solved it with below code :

"drawCallback": function(settings) {
        $(".isdt-selected").on("change", function() {
          $(".isdt-selected").each(function(index, elem) {
            if($(elem).is(':checked')){
              $('#btn-delete-bulk').show();
              return false;
            }else{
              $('#btn-delete-bulk').hide();
            }
         });
      });

I saw the reference from here https://datatables.net/reference/option/drawCallback

Upvotes: 1

sercan
sercan

Reputation: 361

Try this:

$(document).ready(function(){
    $(".isdt-selected").on("change", function() {
        $(".isdt-selected").each(function(index, elem) {
            if($(elem).is(':checked')){
                $('#btn-delete-bulk').show();
                return false;
            }else{
                $('#btn-delete-bulk').hide();
            }
        });
    });
});

Upvotes: 0

Related Questions