Trouver la valeur d'un champ bouton radio avec jQuery

Avril 2013

Voici comment récupérer la valeur d'un groupe de boutons radio dans un formulaire HTML en utilisant jQuery :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<title>JS Bin</title>
</head>
<body>
<p>Tu veux quoi avec ton cheeseburger ?</p>
<form method="post" action="">
	<label><input name="boisson" type="radio" value="orangina"> Orangina</label><br>
	<label><input name="boisson" type="radio" value="coca"> Coca-cola</label><br>
	<label><input name="boisson" type="radio" value="tequila_sunrise"> Tequila sunrise (pour les alcooliques)</label>
</form>
<button id="debug">Debug</button>
</body>
</html>
$(function($){
	$('#debug').click(function(e){
		console.log($('input[name=boisson]:checked').val());
	});
});

Si vous voulez en savoir plus c'est par ici : calculer la différence entre 2 dates avec excel.

Le principe est d'utiliser un sélecteur jQuery pour sélectionner le champ par la valeur de son attribut name et par son status : checked (si le radio est sélectionné) : $('input[name=boisson]:checked').val().

Cette astuce marche aussi avec les checkbox (case à cocher).

Encore faim ? allez lire ça : poster typographique !

1 commentaire :
commentaire n°3712 par Kenddriz
Kenddriz dimanche 23 septembre 2018, 14:45
Merci beuacoup,ça m'a aidé
facultatif
Facebook Twitter RSS Email
Forum Excel
Venez découvrir le nouveau forum excel question/réponse à la stackoverflow.com !
Forum Excel
hit parade n'en a rien a foutre du W3C Positionnement et Statistiques Gratuites Vincent Paré