Comment cocher/décocher le bouton checkbox avec jQuery

juillet 4, 2019février 10, 2020 Amine KOUIS Aucun commentaire

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>