DataTable Selected Row Checkbox Ids Not Working Properly

Question

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

Aakash Maurya · Answer

Here is your problem's solution. https://blog.webnersolutions.com/preserving-checkbox-state-in-jquery-datatable-with-pagination

Siddharth Kushwah · Answer

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 Kala · Answer

Not Working It Takes Only First 10 Records Ids

Ravi Polara Patidar · Answer

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