Checkboxes will only work on current pagination page in jQuery datatables

Question

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.

this is the default functionality.. how can you submit the data which are not listed or visible? check your gmail inbox, it works like the same.. — Nishant Solanki
– Nishant Solanki, Commented Jun 9, 2015 at 5:55

Er.KT · Accepted Answer · 2016-11-23 10:39:11Z

6

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();
    }
});

edited Nov 23, 2016 at 10:39

Er.KT

2,8702 gold badges39 silver badges73 bronze badges

answered Jun 9, 2015 at 6:13

Sagar Parmar

3481 silver badge12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Bhumi Shah Over a year ago

No, I want to get specific selsected data from previous page too.

Bhumi Shah Over a year ago

In above code,you have assigned value to id but how can i appendTo(this) so can get all data i post?

marc_s · Accepted Answer · 2019-07-08 04:01:00Z

2

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'));
            }
    });

edited Jul 8, 2019 at 4:01

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Jul 5, 2019 at 15:02

Shervin Ivari

3,0915 gold badges30 silver badges43 bronze badges

Collectives™ on Stack Overflow

Checkboxes will only work on current pagination page in jQuery datatables

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related