Estoy trabajando con DataTables de jQuery, lo que hago es incluir checkboxes a cada fila, para que se pueda seleccionar varias filas a la vez, los checxbox tickeados de una página me muestra su ID de esas 10 primeras filas, pero cambio a la otra página, y al volver a hacer que me muestre los checkbox seleccionados, me muestra como si no se hubiera seleccionado.
Mi pregunta es ¿cómo puedo hacer para que me muestre todos los checkboxes seleccionados, de varias paginas del DataTable?
Este es mi DataTable:
var otables = $('#doctables').dataTable(
{ "aLengthMenu":[20, 60,80],
"bJQueryUI" : true,
"bProcessing": true,
" bServerSide": true,
"scrollY":"400px",
"sScrollX": '100%',
"sScrollXInner": "100%",
"bScrollCollapse": true,
"ajax": {
"type": "POST",
"url": "../ctrl/datos.php"
},
"bPaginate": true,
"bFilter": true,
"bInfo": true,
"fnCreatedRow": function( nRow, aData, iDataIndex ) {
//creando los cehckbox en la columna 0
$('td:eq(0)', nRow).html( '<input type="checkbox" name="checkbox" id="'+aData[0]+'" class="checkbox" value='+aData[0]+'>');
}
});
y con este botón quiero ver los value
de los checkbox seleccionados:
$("#button").on("click", function() {
$("input:checkbox:checked").each(function(){
alert($(this).val());
});
});
como mi DataTable está paginado por 20 filas, selecciono 3 valores de la primera página y me muestra bien; pero al cambiar a los siguintes 20 filas y selecciono otro, solo me muestra el valor seleccionado de esas últimas 20 filas y no así las anteriores.
¿Cómo puedo solucionarlo?