Comment cocher/décocher le bouton checkbox avec jQuery

Vous pouvez utiliser la méthode prop() de jQuery pour cocher ou décocher le checkbox de manière dynamique, par exemple en cliquant sur un bouton ou sur un lien hypertexte, etc. La méthode prop() requiert une version de jQuery > 1.6.
 
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Cocher/décocher le bouton checkbox</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$(".cocher").click(function(){
					$("#monCheckbox").prop("checked", true);
				});
				$(".decocher").click(function(){
					$("#monCheckbox").prop("checked", false);
				});
			});
		</script>
	</head>
	<body>
		<p><input type="checkbox" id="monCheckbox"> Cliquez sur le bouton pour cocher/décocher le Checkbox.</p>
		<button type="button" class="cocher">Cocher</button>
		<button type="button" class="decocher">Décocher</button>
	</body>
</html>
Résultat
Cocher/décocher le bouton checkbox

Cliquez sur le bouton pour cocher/décocher le Checkbox.

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 *