Comment puis-je déterminer la SelectedValue d'un RadioButtonList en JavaScript?

ASP.NET rend une table et un tas d'autres mark-up autour de la radio entrées. La suivante devrait fonctionner:-

 var list = document.getElementById("radios"); //Client ID of the radiolist
 var inputs = list.getElementsByTagName("input");
 var selected;
 for (var i = 0; i < inputs.length; i++) {
      if (inputs[i].checked) {
          selected = inputs[i];
          break;
       }
  }
  if (selected) {
       alert(selected.value);
  }

OriginalL'auteur John Foster

J'ai toujours l'Affichage de la Source. Vous trouverez chaque bouton radio point d'avoir un id unique, vous pouvez travailler avec et itérer à travers eux de comprendre que l'on est Cochée.

Edit: trouvé un exemple. J'ai un bouton radio liste rbSearch. C'est dans une ascx appelé ReportFilter. Dans l'Affichage de la Source, je vois

ReportFilter1_rbSearch_0
ReportFilter1_rbSearch_1
ReportFilter1_rbSearch_2

De sorte que vous pouvez boucle dans le document.getElementById("ReportFilter1_rbSearch_" + idx ) ou qui ont une instruction switch, et de voir celui qui l'a fait .checked = true.

OriginalL'auteur MikeW

L'équivalent HTML pour ASP.NET RadioButtonList, est un ensemble de <input type="radio"> avec le même nom d'attribut(basée sur l'ID de la propriété de la RadioButtonList).

Vous pouvez accéder à ce groupe de boutons radio à l'aide de getElementsByName.
C'est une collection de boutons radio, accessibles grâce à leur index.

alert( document.getElementsByName('RadioButtonList1') [0].checked );

OriginalL'auteur baretta

Pour un "RadioButtonList avec seulement 2 valeurs" oui " et "non", je l'ai fait:

var chkval=document.getElemenById("rdnPosition_0")

Ici rdnposition_0 fait référence à l'id de la oui ListItem. Je l'ai eu en affichant le code source de la forme.

Alors je n'ai chkval.vérifié pour savoir si la valeur " Oui " est cochée.

OriginalL'auteur Ashwin Kavale

reasonCode.options[reasonCode.selectedIndex].valeur

OriginalL'auteur Alex Reitbort

J'ai essayé différentes façons de déterminer un RadioButtonList de SelectedValue en Javascript avec pas de joie. Puis j'ai regardé à la page web HTML, et comprit qu'ASP.NET effectue le rendu d'un contrôle RadioButtonList à une page web comme une seule colonne de la table HTML!

<table id="rdolst" border="0">
  <tr>
    <td><input id="rdolst_0" type="radio" name="rdolst" value="Option 1" /><label for="rdolst_0">Option 1</label></td>
  </tr>
  <tr>
    <td><input id="rdolst_1" type="radio" name="rdolst" value="Option 2" /><label for="rdolst_1">Option 2</label></td>
  </tr>
</table>

Pour accéder à un individu ListItem sur le RadioButtonList à l'aide de Javascript, vous devez le référencer au sein de la cellule de contrôle des enfants (appelés nœuds en Javascript) sur la ligne correspondante. Chaque ListItem est rendu que le premier (zéro) de l'élément dans la première (zéro) de la cellule sur sa ligne.

Cet exemple parcourt les RadioButtonList pour afficher la SelectedValue:

var pos, rdolst;

for (pos = 0; pos < rdolst.rows.length; pos++) {
    if (rdolst.rows[pos].cells[0].childNodes[0].checked) {
        alert(rdolst.rows[pos].cells[0].childNodes[0].value);
        //^ Returns value of selected RadioButton
    }
}

Pour sélectionner le dernier élément dans la RadioButtonList, vous voulez faire cela:

rdolst.rows[rdolst.rows.length - 1].cells[0].childNodes[0].checked = true;

Donc de l'interaction avec un RadioButtonList en Javascript est très bien comme travailler avec une table ordinaire. Comme je l'ai dit j'ai essayé la plupart des autres solutions mais c'est le seul qui fonctionne pour moi.

OriginalL'auteur Bondy