Comment vérifier si une checkbox est cochée avec jQuery

Dans ce tutoriel vous allez découvrir comment suivre l’état de checkbox, que cette dernière soit cochée ou non à l’aide de la méthode « prop() » de jQuery et le sélecteur « :checked ».
 
 

En utilisant la méthode prop() de jQuery

La méthode prop() de jQuery fournit un moyen simple et fiable de suivre l’état de checkbox. Cela fonctionne bien dans toutes les conditions car chaque checkbox a une propriété qui spécifie son statut coché ou non.

$(document).ready(function(){
	$('input[type="checkbox"]').click(function(){
		if($(this).prop("checked") == true){
			alert("Checkbox est coché.");
		}
		else if($(this).prop("checked") == false){
			alert("Checkbox n'est pas coché.");
		}
	});
});

 

En utilisant le sélecteur :checked

Vous pouvez également utiliser le sélecteur « :checked » pour vérifier l’état de checkbox. Le sélecteur « :checked » précisément conçu pour le bouton radio et les checkbox.

$(document).ready(function(){
    $('input[type="checkbox"]').click(function(){
        if($(this).is(":checked")){
             alert("Checkbox est coché.");
        }
        else if($(this).is(":not(:checked)")){
             alert("Checkbox n'est pas coché.");
        }
    });
});
QCM jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *