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

abdelouafi · Jun 9, 2018

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

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

abdelouafi

Administrator

مواضيع مشابهة: 1