web-dev-qa-db-fra.com

Obtenir la valeur du groupe de boutons radio

J'essaie d'obtenir la valeur de deux groupes de boutons radio en utilisant la syntaxe jQuery décrite ci-dessous. Lorsque le code ci-dessous est exécuté, la valeur sélectionnée dans le premier groupe de boutons d'option est sélectionnée deux fois au lieu d'obtenir la valeur de chaque groupe.

Est-ce que je fais quelque chose de manifestement faux ici? Merci pour toute aide :)

<a href='#' id='check_var'>Check values</a><br/><br/>
<script>
  $('a#check_var').click(function() {
    alert($("input:radio['name=r']:checked").val()+ ' ' +
          $("input:radio['name=s']:checked").val());
  });
</script>
Group 1<br/>
<input type="radio"  name="r" value="radio1"/> radio1
<input type="radio"  name="r" value="radio2"/> radio2
<br/><br/>
Group 2<br/>
<input type="radio"  name="s" value="radio3"/> radio3
<input type="radio"  name="s" value="radio4"/> radio4
67
Parampal Pooni

Vos guillemets doivent seulement entourer la partie valeur de sélecteur attribut-égal , [attr='val'], comme ça:

$('a#check_var').click(function() {
  alert($("input:radio[name='r']:checked").val()+ ' '+
        $("input:radio[name='s']:checked").val());
});​

Vous pouvez voir la version de travail ici .

137
Nick Craver