求JS，求助各位大侠指教

1.完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框，在没有选中任何单选框的时候不允许提交。 
<html> 
<body> 
<script> 
function foo() { 
// 在此处添加代码} </script> 
<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> 

解决方案 »

  1.   


    <!Doctype html public '-//w3c//dtd xhtml 1.0 transitional//en' 'http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd'>
    <html xmlns='http://www.w3.org/1999/xhtml'>
    <head>
    <script language='javascript' src='http://code.jquery.com/jquery-1.4.2.min.js'></script>
    <script language='javascript' type='text/javascript'>
    function foo(){
    var falg=false;
    $(':radio').each(function(i){
    if($(this).attr('checked')){
    alert(i+1);
    falg=true;
    }
    });
    return falg;
    }
    </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>
      

  2.   

    写了个更简单的<!Doctype html public '-//w3c//dtd xhtml 1.0 transitional//en' 'http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd'>
    <html xmlns='http://www.w3.org/1999/xhtml'>
    <head>
    <script language='javascript' src='http://code.jquery.com/jquery-1.4.2.min.js'></script>
    <script language='javascript' type='text/javascript'>
    function foo(){
    var index=$(':radio').index($(':radio:checked'));
    if(index!=-1)
    alert(index+1);
    else
    return false;
    }
    </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>
      

  3.   


    <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="button" onclick="foo()"/> 
    </form>   </body>
      <script type="text/javascript"><!-- function  foo() { 
    var len=document.getElementsByName("radioGroup").length;
    var has=false;
    alert(len);
    for(var i=0;i<len;i++){
    if(document.getElementsByName("radioGroup").item(i).checked){
    alert("您选中的是第"+(i+1)+"项~!");
    has=true;
    }
    }
    if(!has){
    alert("您没选择，不能提交!");
    return false;
    }else{
    document.form1.submit();
    }
    }
       //--></script>