DataTable Selected Row Checkbox Ids Not Working Properly

Mohit Kala

8y10k

below is my datatable

When i Selected 2 rows it displays ids

using below code

$("#btn").on("click", function () {

debugger;

var id = $('#myDataTable2 input[type="checkbox"]:checked').map(function () {

return $(this).val();

}).get();

alert(id);

if (id.length === 0) {

swal('', 'Please Select Question', 'warning');

}

});

But When i Clicked To Second Page Using Pagination Then it not Get Ids

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Siddharth Kushwah6y ago
First of all you cheked value push in new Array.
And Then go to second page ,Cheked will not lost in second page.It will remain store in array.

in js
============

var storeRow=[];

$(document).on('click', '.single_select', function() {
if($(this).prop('checked')){
if(storeRow.indexOf($(this).data('row')) == -1) {
storeRow.push($(this).data('row'));
}
}else{
storeRow.splice(storRow.indexOf($(this).data('row')),1);
}
})
Mohit Kala8y ago
Not Working It Takes Only First 10 Records Ids
Aakash Maurya8y ago
Here is your problem's solution.

https://blog.webnersolutions.com/preserving-checkbox-state-in-jquery-datatable-with-pagination
Ravi Polara Patidar8y ago
Hello,

You Use this code for datatable.

Assuming each checkbox has the RowId as his value attribute.

Get all the selected checkboxes:

var selectedIds = []; $(":checked").each(function() { selectedIds.push($(this).val()); });

Re-check the checkboxes:

$.each(selectedIds, function(index, id) { $(":checkbox[value='" + id + "']").prop("checked", true); });

More Info Click here :

https://stackoverflow.com/questions/13742396/getting-the-row-ids-for-the-checked-checkboxes-in-jquery-datatable