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

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>
Résultat
Quel est votre langage de programmation préféré?





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 *