Geek Answers Handbook

How to get installed option in radio input group with JavaScript?

How to get installed option in radio input group with JavaScript?

+5
source share
4 answers
<html>
  <head>
    <script type="text/javascript">
      function testR(){
        var x = document.getElementsByName('r')
        for(var k=0;k<x.length;k++)
          if(x[k].checked){
            alert('Option selected: ' + x[k].value)
          }

      }
    </script>
  </head>
  <body>
    <form>
      <input type="radio" id="r1" name="r" value="1">Yes</input>
      <input type="radio" id="r2" name="r" value="2">No</input>
      <input type="radio" id="r3" name="r" value="3">Don't Know</input>
      <br/>
      <input type="button" name="check" value="Test" onclick="testR()"/>
    </form>
  </body>
</html>
+10
source

If you need the actual item, not just the selected value, try the following:

function findSelected(){
  for (i=0;i<document.formname.radioname.length;i++){
    if (document.formname.radioname[i].checked){
      return document.formname.radioname[i];
    }
  }
}
+2
source

common functions (freely based on yours)

function getRadioGroupSelectedElement(radioGroupName) {

    var radioGroup = document.getElementsByName(radioGroupName);
    var radioElement = radioGroup.length - 1;
    for(radioElement; radioElement >= 0; radioElement--) {
        if(radioGroup[radioElement].checked){
            return radioGroup[radioElement];
        }
    }
    return false;
}



function getRadioGroupSelectedValue(radioGroupName) {

    var selectedRadio = getRadioGroupSelectedElement(radioGroupName);
    if (selectedRadio !== false) {
        return selectedRadio.value;
    }
    return false;
}
0
source

More articles:


All Articles