Tengo un problema al enviar el valor de los input
en estado checked
a mi controlador, lamentablemente me envía solo los valores de la pagina en la que me encuentre en ese momento y no la de todas las paginas donde he seleccionado un checkbox
, a lo que me refiero con paginas es porque estoy usando la paginación de datatables
.
Mi código es el siguiente:
<div class="container">
<h2>Ventas</h2>
<form action="venta.php" method="POST">
<table id="inventario" class="table table-hover table-bordered table-condensed">
<thead>
<tr>
<th><i class="fa fa-check"></i> Selección articulo</th>
<th><i class="fa fa-list-ol"></i> Cantidad</th>
<th><i class="fa fa-building"></i> Marca</th>
<th><i class="fa fa-list"></i> Categoria</th>
<th><i class="fa fa-usd"></i> Precio</th>
</tr>
</thead>
<tbody>
<?php foreach ($articulos as $articulo): ?>
<tr>
<td><label class="checkbox-inline"><input name="articulos[]" type="checkbox" value="<?php echo $articulo['id']; ?>"><?php echo $articulo['nombre']; ?></label></td>
<td><?php echo $articulo['cantidad']; ?></td>
<td><?php echo $articulo['categoria']; ?></td>
<td><?php echo $articulo['marca']; ?></td>
<td><?php echo number_format($articulo['precio_u']); ?></td>
</tr>
<?php endforeach ?>
</tbody>
</table>
<input type="submit" class="btn btn-warning" name="vender" value="Vender">
</form>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#inventario').DataTable();
var dataArr = [];
$('tr').filter(':has(:checkbox:checked)').each(function() {
dataArr.push($(this).find('input').eq(0).val());
console.log(dataArr);
});
} );
</script>
Como algunos pudieron apreciar he intentado hacer un script para recoger todos los valores y poderlos enviar a mi controlador sin embargo no logro realizarlo no soy muy bueno con el JS.
Encontre que alguien hizo este snippet para este problema sin embargo no se como complementarlo.
var rows = $(('#datatable')
.rows({ 'search': 'applied' })
.nodes()).filter(':has(:checkbox:checked)');//busca todos los registros del datatable
rows.each(function(index,elem){
//cada row es un tr
console.log($('datatable').row(elem).data());
});
De ser necesario usar ajax para enviar todos los valores de los checkbox seleccionados no tengo ningun problema.