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 :
Merci beuacoup,ça m'a aidé
