<html>
<head> 
<script> 
  function myfunc()
       { }
</script>
        </head>
<body> 
        <form name="form1" onsubmit="return foo();"> 
        <input type="radio" name="radioGroup"/> 
        <input type="radio" name="radioGroup"/> 
        <input type="radio" name="radioGroup"/> 
        <input type="radio" name="radioGroup"/> 
        <input type="radio" name="radioGroup"/> 
        <input type="radio" name="radioGroup"/> 
        <input type="submit"/> 
        </form> 
        </body> 
        </html> 
完成MyFun函数,要求能够点击一个单选框然后弹出话框显示点击的是第几个单选框,代码越简洁越好,在此先谢过各位了

解决方案 »

  1.   

    <script> 
    function myfunc(){
    var radios = document.getElementsByName("radioGroup");
    var len = radios.length;
    for(var i = 0; i < len; i++){
    if(radios[i].checked){
    alert("第" + (i + 1) + "个单选框被选择");
    break;
    }
    }
    return false;
    }
    </script>
    </head>
    <form name="form1" onsubmit="return myfunc();">
    <input type="radio" name="radioGroup"/>
    <input type="radio" name="radioGroup"/>
    <input type="radio" name="radioGroup"/>
    <input type="radio" name="radioGroup"/>
    <input type="radio" name="radioGroup"/>
    <input type="radio" name="radioGroup"/>
    <input type="submit"/>
    </form>
      

  2.   

    <html>
    <head> 
    <script> 
      function myfunc(n)
      {alert("点击了第"+n+"个单选框")
     }
    </script>
      </head>
    <body>
      <form name="form1" onsubmit="return foo();">
      <input type="radio" name="radioGroup" onclick="myfunc(1)"/>
      <input type="radio" name="radioGroup" onclick="myfunc(2)"/>
      <input type="radio" name="radioGroup" onclick="myfunc(3)"/>
      <input type="radio" name="radioGroup" onclick="myfunc(4)"/>
      <input type="radio" name="radioGroup" onclick="myfunc(5)"/>
      <input type="radio" name="radioGroup" onclick="myfunc(6)"/>
      <input type="submit"/>
      </form>
      </body>
      </html>