javascript与单选框

对JavaScript语法不了解，但现有需求，例：
      
      <form id="rad">
      <input type="radio" value="add" name="cal" id="add" checked=""/>加法
      <input type="radio" value="sub" name="cal" id="sub" />减法
      <input type="radio" value="mul" name="cal" id="mul" />乘法
      <input type="radio" value="div" name="cal" id="div"  />除法
      </form>
该如何判断哪个单选框被选中，并获得选中的单选框的value？

解决方案 »

  1.   

     <form id="rad">  
     <input type="radio" value="add" name="cal" id="add" checked="" onclick="check(this)"/>加法
      <input type="radio" value="sub" name="cal" id="sub" onclick="check(this)" />减法 
      <input type="radio" value="mul" name="cal" id="mul" onclick="check(this)"/>乘法 
      <input type="radio" value="div" name="cal" id="div" onclick="check(this)"/>除法
       </form><script language="javascript">
    function check(obj){
        alert(obj.value);
    }
    </script>
      

  2.   


    <body>
    <input type="radio" value="add" name="cal" id="add" checked/>加法
    <input type="radio" value="sub" name="cal" id="sub" />减法
    <input type="radio" value="mul" name="cal" id="mul" />乘法
    <input type="radio" value="div" name="cal" id="div"  />除法
    <input type="button" value="getValue" onclick="getVal()" />
    <script>
    function getVal() {
    var o = document.getElementsByName('cal');
    for(var i = 0, len = o.length; i < len; i++) {
    if(o[i].checked) alert(o[i].value);
    }
    }
    </script>
    </body>
      

  3.   

    for(var i=0;i<document.getElementsByName("cal").length;i++)
    {
    if(document.getElementsByName("cal")[i].checked==true)
    {
    alert(document.getElementsByName("cal")[i].value)
    break;
    }
    }
      

  4.   

          <form id="rad">
          <input type="radio" value="add" name="cal" id="add" checked=""/>加法
          <input type="radio" value="sub" name="cal" id="sub" />减法
          <input type="radio" value="mul" name="cal" id="mul" />乘法
          <input type="radio" value="div" name="cal" id="div"  />除法
      <input type=button value=show onclick="getValue();">
          </form>function getValue(){
    var obj= document.forms["rad"].cal;
    for( var i=0;i< obj.length;i++){
    if(obj[i].checked)alert(obj[i].value);
    }
    }
    </script>