dataTables : javascript not working while paging

Question

I am using dataTable for creating a table and everything is working fine. Table consists of a checkbox (column1) and select (last column). So my javascript will only enable select when checkbox is selected. While page to next page, javascript of enabling/disabling is not working. All the selects are enabled.

javascript

<script>
var update_selectopt=function(){
$("tr").each(function(){
    if($("input[type='checkbox']", this).is(":checked")){
        $('#select',this).removeAttr('disabled');
    }
    else
    {
      $('#select',this).attr('disabled','disabled');
     }
    });
  };


$(update_selectopt);
$("input[type='checkbox']").on("click",update_selectopt);

</script>

How to manage that?

Answer 1

Fire your update_selectopt function after the paging event has happened on the table:

$('#table_ws').on( 'page.dt', function () {
    update_selectopt();
});

EDIT

Try this:

$('#table_ws').on( 'draw.dt', function () {
    update_selectopt();
});

Documentation on page event here