Comment obtenir de la radio sélectionnée valeur du bouton?

Cela fonctionne avec tout explorer.

document.querySelector('input[name="genderS"]:checked').value;

C'est le moyen le plus pure pour obtenir la valeur de tout type d'entrée.
Vous pouvez aussi ne pas nécessité d'inclure jQuery chemin.

Depuis jQuery 1.8, la syntaxe correcte pour la question est

$('input[name="genderS"]:checked').val();

Pas $('input[@name="genderS"]:checked').val(); plus, ce qui était travailler dans jQuery 1.7 (avec le @).

ECMAScript 6 version

let genderS = Array.from(document.getElementsByName("genderS")).find(r => r.checked).value;

Edit:
Comme dit par Chips_100 vous devez utiliser :

var sizes = document.theForm[field];

directement, sans l'aide de la variable de test.

Vieille réponse:

Ne devriez-vous pas eval comme ça ?

var sizes = eval(test);

Je ne sais pas comment cela fonctionne, mais pour moi, vous êtes la seule copie d'une chaîne.

C'est de la pure JavaScript, basé sur la réponse de @Fontas, mais avec le code de sécurité pour renvoyer une chaîne vide (et éviter un TypeError) si il n'y a pas un bouton d'option sélectionné:

var genderSRadio = document.querySelector("input[name=genderS]:checked");
var genderSValue = genderSRadio ? genderSRadio.value : "";

Le code se décompose comme ceci:

• Ligne 1: obtenir une référence à la commande que (un) est une <input> type, (b) a une name attribut de genderS, et (c) est vérifiée.
• Ligne 2: Si il y a un tel contrôle, de retour de sa valeur. Si il n'y a pas, renvoie une chaîne vide. Le genderSRadio variable est truthy si Ligne 1 trouve le contrôle et null/falsey si elle ne le fait pas.

Pour JQuery, utilisez @jbabey réponse, et note que si il n'y a pas un bouton d'option sélectionné, il sera de retour undefined.

Ici est un Exemple pour les Radios où aucun Checked="checked" attribut est utilisé

function test() {
var radios = document.getElementsByName("radiotest");
var found = 1;
for (var i = 0; i < radios.length; i++) {       
    if (radios[i].checked) {
        alert(radios[i].value);
        found = 0;
        break;
    }
}
   if(found == 1)
   {
     alert("Please Select Radio");
   }    
}

DÉMO : http://jsfiddle.net/ipsjolly/hgdWp/2/ [Cliquez sur Rechercher sans en choisir aucune Radio]

Source : http://bloggerplugnplay.blogspot.in/2013/01/validateget-checked-radio-value-in.html

permet supposons que vous avez besoin de placer les différentes rangées de boutons radio dans un formulaire, chacun avec des noms d'attribut ('option1','option2", etc), mais le même nom de classe. Peut-être que vous en aurez besoin pour plusieurs lignes où chacun devra soumettre une valeur basée sur une échelle de 1 à 5 se rapportant à une question. vous pouvez écrire votre code javascript comme ceci:

<script type="text/javascript">

    var ratings = document.getElementsByClassName('ratings'); //we access all our radio buttons elements by class name     
    var radios="";

    var i;
    for(i=0;i<ratings.length;i++){
        ratings[i].onclick=function(){
            var result = 0;
            radios = document.querySelectorAll("input[class=ratings]:checked");
            for(j=0;j<radios.length;j++){
                result =  result + + radios[j].value;
            }
            console.log(result);
            document.getElementById('overall-average-rating').innerHTML = result; //this row displays your total rating
        }
    }
</script>

Je voudrais également insérer le résultat final dans une forme cachée de l'élément pour être soumis avec le formulaire.

 <input type=radio name=rdbExampleInfo id=rdbExamples value="select 1">
 <input type=radio name=rdbExampleInfo id=rdbExamples value="select 2">
 <input type=radio name=rdbExampleInfo id=rdbExamples value="select 3">
 <input type=radio name=rdbExampleInfo id=rdbExamples value="select 4"> 

etc ensuite, utilisez simplement

  $("#rdbExamples:checked").val()

Ou

   $('input[name="rdbExampleInfo"]:checked').val();