estoy queriendo aplicar un evento en el momento que el checkbox cambia. Si hago un forEach de mi variable me trae el Array de mis input tipo checkbox, pero cuando quiero aplicar la addEventListener('change') esto no hace nada.
Adjunto codigo
Vista
<div class="col-md-12">
<table class="table table-hover table-sm">
<thead class="thead-dark">
<tr>
<th scope="col" class="text-center">F. Carga</th>
<th scope="col">Cliente</th>
<th scope="col">$ Valor</th>
<th scope="col">Usuario</th>
<th scope="col" class="text-center">Estado</th>
</tr>
</thead>
<tbody>
@foreach($comprobantes as $comprobant)
<tr>
<td class="text-center"><span>{{$comprobant->created_at}}</span></td>
<td>{{$comprobant->cliente->name}}</td>
<td class="text-success">$ {{ moneyPesos($comprobant->price) }}</td>
<td>{{$comprobant->user->name}}</td>
<td class="text-center">
<div class="form-check d-flex justify-content-center">
<input class="form-check-input check" type="checkbox" id="{{$comprobant->id}}" {{$comprobant->status==1?'checked':''}}>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
<div class="col-md-auto">
{{ $comprobantes->links() }}
</div>
</div>
Codigo JS
const checks = document.querySelectorAll("input[type='checkbox'].check");
checks.forEach((check, i) => {
check.addEventListener('change',() => {
console.log(check,i);
})
});
En la consola no aparece nada
Probe poniendo el console log debajo del forEach
const checks = document.querySelectorAll("input[type='checkbox']");
checks.forEach((check, i) => {
console.log(check, i);
});
y me arroja esto la consola
Consol.log antes del ForEach
const checks = document.querySelectorAll("input[type='checkbox']");
console.log(checks);
checks.forEach((check, i) => {
});
Nuevo test Copie y pegue parte del codigo en la parte superior donde no se ve afectada por ningun tipo de plantilla de blade ni CSS alguno que pueda interferir y ahi si funciona, pero cuando se le aplica la capa de renderizacion de blade no funciona
input
en algún momento pierden la clase.check
... existen infinitas posibilidades. Intenta crear un un ejemplo mínimo, completo y verificable. – Marcos el 3 ene. a las 15:46