SUIVEZ NOTRE CHAINE YOUTUBE:
https://www.youtube.com/channel/UCCITRMWPcElh-96wCS3EyUg

abdelouafi

Administrator
Remarque: Cliquez sur l'image pour la visualiser
Il existe des méthodes divers pour vérifier si une case est cochée ou non.
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 :
Code:
<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>

Code:
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() :


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

On peut utiliser utilise .prop() :
Code:
$('input[name=super]').prop('checked');
// false
$('input[name=super]').prop('checked');
// true
 
Top