Javascript Form How to - Get selected radio button








Question

We would like to know how to get selected radio button.

Answer


<!--from  w  w w. j a  va2 s.  c  o m-->
<html>
<head>
  <script type="text/javascript">
    function showWindow(){
      var txt = document.form1.stringField.value

      if (document.form1.hypertext[0].checked){
        txt = txt.link(document.form1.jumptoField.value);
      }else{
        if (document.form1.hypertext[1].checked){
          txt = txt.anchor(document.form1.jumptoField.value);
        }
      }
      document.write(txt);
    }

  </script>
</head>
<body>
  <form method="post" name="form1" action="null">
      Text:
      <input type="text" size="20" maxlength="256" name="stringField" />
      <input type="radio" name="hypertext" value="Link" checked="checked" />
      Link:
      <input type="radio" name="hypertext" value="Anchor" />
      Anchor:
      Jump To:
      <input type="text" size="30" maxlength="256" name="jumptoField" />
    <input type="button" name="Show" value="Show" onclick="showWindow()" />
  </form>
</body>
</html>

The code above is rendered as follows: