Lo único que quiero hacer es que al hacer click en cualquiera de los checkbox
salte una alerta. Con querySelectorAll
no me funciona, ahora si hago un querySelector
, me funciona pero solo la primera.
var chekes = document.querySelectorAll('input[type="checkbox"]');
<div id="checks">
<input type="checkbox" class="cheke" id="caracteres1" checked/>
<label for="vehicle1"> ABC</label>
<input type="checkbox" class="cheke" id="caracteres2" checked/>
<label for="vehicle2"> abc</label>
<input type="checkbox" class="cheke" id="caracteres3" checked/>
<label for="vehicle3"> 123</label>
<input type="checkbox" class="cheke" id="caracteres4" />
<label for="vehicle3"> #$&</label>
</div>
chekes.onchange = function () {
alert("hola");
}
Probé también con getElementsByClassName
pero no funciona tampoco.