首页 > javascript > select > Javascript Form - 如何获取选定的单选按钮

Javascript Form - 如何获取选定的单选按钮

select 【select】
我们想知道如何获取选定的单选按钮。
代码展示 运行结果 


<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>