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

Mars 2013

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.

1 commentaire :
commentaire n°4839 par maxikaz7.8@gmail.com
maxikaz7.8@gmail.com jeudi 5 mars 2020, 18:19
Hello, if you need more traffic you should read about one good method. Simply search in google: Jemensso's tricks
facultatif
Facebook Twitter RSS Email
Forum Excel
Venez découvrir le nouveau forum excel question/réponse à la stackoverflow.com !
Forum Excel
hit parade n'en a rien a foutre du W3C Positionnement et Statistiques Gratuites Vincent Paré