Checkboxes will only work on current pagination page in jQuery datatables

9.3k views Asked by At

I am using jquery data table for listing my content which have checkbox selection and selected content post the data but in submitted form only current page data sent.

My Data table code is:

$('#select').dataTable( {
        "order": [[ 2, "desc" ]],
        "lengthMenu": [[50, -1], [50, "All"]],
        "columnDefs": [
                { orderable: false, targets: [0, 1, 3, 5] },
                { "width": "20px", "targets": [0, 1] },
                { "width": "80px", "targets": [5] }
        ],

});

When I click on submit, it only submit the array of checkboxes for the current page values.

I have referred this link already Pagination with selected check boxes. Checkboxes will only work on current pagination page. jQuery datatables but solution provided overthere with link and link is not working.

2

There are 2 answers

2
Sagar Parmar On BEST ANSWER

you can get all the selected check box values using following code this might be helpful for you

var myArray = [];
var id = "";
var oTable = $("#example").dataTable();
$(".class1:checked", oTable.fnGetNodes()).each(function() {
    if (id != "") {
        id = id + "," + $(this).val();
    } else {
        id = $(this).val();
    }
});
0
Shervin Ivari On

You can check them at the end.

var table = $("#yourtablename").DataTable({
    //your datatable options(optional)
});

Now jQuery have access to all the rows by following code

  table.$('td > input:checkbox').each(function () {
            // If checkbox is checked
            if (this.checked) {
             //Your code for example
                alert($(this).attr('name'));
            }
    });