Comment cocher/décocher le bouton radio avec jQuery

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

Vous pouvez utiliser la méthode prop() de jQuery pour cocher ou décocher le bouton radio 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 radio</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$(".check-on").click(function(){
					$("#on").prop("checked", true);
				});
				$(".check-off").click(function(){
					$("#off").prop("checked", true);
				});
			});
		</script>
	</head>
	<body>
		<label><input type="radio" name="etat" id="on"> On</label>
		<label><input type="radio" name="etat" id="off"> Off</label>
		<br>
		<button type="button" class="check-on">Activer</button>
		<button type="button" class="check-off">Désactiver</button>  
	</body>
</html>