Radio选项选中触发事件

Radio选项选中触发事件

2010-07-13 11:36:52|  分类：默认分类 |  标签：|字号大中小 订阅

1:选中Radio选项

<script   language="javascript">  
  function   check()  
  {  
  var   frm   =   document.forms[0];  
  var   value   =   0;  
  for   (var   i   =   0;   i   <   frm.a.length;   i   ++)  
  {  
  if   (frm.a[i].checked)  
  value   =   frm.a[i].value;  
  }  
  if   (value   ==   0)  
  alert('没有被选中的');  
  else  
  alert(value   +   '被选中了');  
  }  
  </script>  
   
  <form>  
  <input   type="radio"   name="a"   value="1">1  
  <input   type="radio"   name="a"   value="2">2  
  <input   type="radio"   name="a"   value="3">3  
  <input   type="radio"   name="a"   value="4">4  
  <input   type="radio"   name="a"   value="5">5  
  <input   type="button"   value="检查"   onclick="check()">  
  </form>


2:选中选项触发事件

  <input   type="radio"   name="a"   value="1" onclick="getRadio()">1  
  <input   type="radio"   name="a"   value="2" onclick="getRadio()">2  
  <input   type="radio"   name="a"   value="3" onclick="getRadio()">3

function getRadio(evt)
{
    var evt=evt || window.event;  
    var e =evt.srcElement || evt.target;
     if(e.value=="2")
     {
         if(document.getElementById('textShow')!=null && document.getElementById('IsShow')!=null)
         {
            document.getElementById('textShow').style.display='';
            document.getElementById('IsShow').style.display='none';
         }
        document.getElementById("ac3").value="upBbg";
        document.getElementById("ac4").value="";
     }
     else if(e.value=="3")
     {
         document.getElementById("ac4").value="upCclbg";
         document.getElementById("ac3").value="";
         if( document.getElementById('textShow')!=null && document.getElementById('IsShow')!=null)
         {
            document.getElementById('textShow').style.display='none';
            document.getElementById('IsShow').style.display='';
         }
     }
     else
     {
         document.getElementById("ac3").value="upHexunBbg";
         document.getElementById("ac4").value="";
         if(document.getElementById('textShow')!=null && document.getElementById('IsShow')!=null)
         {
            document.getElementById('textShow').style.display='none';
            document.getElementById('IsShow').style.display='';
         }
     }
}

 

转自：http://cjl20082002.blog.163.com/blog/static/120827332010613113652577/