Comment récupérer la valeur d’un bouton radio avec jQuery

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

Vous pouvez utiliser le sélecteur :checked de jQuery en combinaison avec la méthode val() pour chercher la valeur d’un bouton radio. Voici un exemple:

Code Source :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Récupérer la valeur d'un bouton radio</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("input[type='button']").click(function(){
					var val = $("input[name='langage']:checked").val();
					if(val){
						alert("votre langage de programmation préféré est : " + val);
					}
				});
				
			});
		</script>
	</head> 
	<body>
		<h5>Quel est votre langage de programmation préféré?</h5>
		<p> 
			<label><input type="radio" name="langage" value="javascript">JavaScript</label><br> 
			<label><input type="radio" name="langage" value="python">Python</label><br>
			<label><input type="radio" name="langage" value="php">PHP</label><br>
			<label><input type="radio" name="langage" value="java">Java</label><br>
			<label><input type="radio" name="langage" value="scala">Scala</label>
		</p>
		<input type="button" value="Récupérer la valeur">
	</body>
</html>