Vérifier si une checkbox est cochée avec jQuery.is(':checked')

Il existe plusieurs méthodes pour vérifier si une case (checkbox) est cochée ou décochée en Javascript avec jQuery.

La méthode la plus simple et la plus élégante est d'utiliser la fonction .is() qui permet de vérifier si un élément match le sélecteur passé en paramètre ou pas.

Voilà donc comment faire en jQuery, avec le code HTML, puis le code Javascript :

<form method="post" action="">
	<p>jQuery c'est :</p>
	<input type="checkbox" name="super"> Super !<br>
	<input type="checkbox" name="genial"> Génial<br>
	<input type="checkbox" name="joli"> Joli<br>
</form>

if( $('input[name=super]').is(':checked') ){
	alert("jQuery c'est super");
} else {
	alert("jQuery c'est autre chose");
}

:checked est une pseudo classe ajoutée par jQuery, elle ne fait pas partie de la spécification du W3C (contrairement à d'autres pseudo classes comme :active, :hover ou :link...)

Les autres méthodes

On peut aussi utiliser la fonction .checked() :

Cette page peut vous intéresser : insérer une image dans une cellule excel à lire tout de suite !

$('input[name=super]').attr('checked');
// undefined

$('input[name=super]').attr('checked');
// "checked"

Et voilà une 3éme solution qui utilise .prop() :

$('input[name=super]').prop('checked');
// false

$('input[name=super]').prop('checked');
// true

Allez donc jeter un oeil sur cette page : logo gta v avec photoshop et illustrator.