¿Cómo verificar si una casilla de verificación está marcada usando JavaScript?

Descubra cómo comprobar el estado de una casilla de verificación, mirando si está marcada o no, utilizando JavaScript

Inspeccione elcheckedpropiedad del elemento.

Digamos que tiene esta casilla de verificación:

<input type="checkbox" class="checkbox" />

Puedes ver si está marcado usando

document.querySelector('.checkbox').checked

También puede comprobar si está buscando.checkbox:checkedno regresanull:

document.querySelector('.checkbox:checked') !== null

pero creo que buscando.checkedes más limpio.

No utilicegetAttribute()buscando lacheckedvalor de atributo, porque eso siempre es cierto si la casilla de verificación está marcada por defecto de esta manera:

<input type="checkbox" checked />

Tampoco busque elvaluede un elemento de casilla de verificación. Siempre eson, independientemente de si la casilla de verificación está marcada o no.


Más tutoriales de navegador: