Comment vérifier si une case est cochée à l'aide de JavaScript?

Découvrez comment vérifier l'état d'une case à cocher, voir si elle est cochée ou non, à l'aide de JavaScript

Inspectez lecheckedpropriété de l'élément.

Supposons que vous ayez cette case à cocher:

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

Vous pouvez voir si elle est cochée en utilisant

document.querySelector('.checkbox').checked

Vous pouvez également vérifier si vous recherchez.checkbox:checkedne retourne pasnull:

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

mais je pense que je cherche.checkedest plus propre.

Ne pas utilisergetAttribute()à la recherche ducheckedvaleur d'attribut, car c'est toujours vrai si la case est cochée par défaut de cette manière:

<input type="checkbox" checked />

Ne vérifiez pas non plus levalued'un élément de case à cocher. C'est toujourson, que la case soit cochée ou non.

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de didacticiels sur le navigateur: