El elemento checkbox es por defecto false
, mientras no aclaremos otra cosa en el HTML. La propiedad que hay que analizar es .checked
. Si no está presente es false
, si está presente es true
. Hay una tercera posibilidad: indeterminate
que al momento no lo implementa ningún navegador.
check = document.getElementById("check");
check.addEventListener("click", function() {
console.log("estado al hacer check o uncheck", this.checked);
})
console.log("estado inicial:", check.checked);// <-- false por defecto
<input type="checkbox" id="check">
Si queremos que por defecto sea true
hay que agregar checked
en el HTML:
check = document.getElementById("check");
check.addEventListener("click",function(){
console.log("estado al hacer check o uncheck",this.checked);
})
console.log("estado inicial:",check.checked);// <-- ahora es true por defecto
<input type="checkbox" id="check" checked>
El .value
en este caso es simplemente el valor que se enviará cuando se envíe un formulario, si es que .checked
es true
.