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é.");
        }
    });
});