radio如何设置OnChage事件？

有没有例子？
最好不要用onclick,点了变化了再响应

解决方案 »

  1.   

    关键问题是除了onclick就没别的更好的办法了,写个类给你吧用这个就简单了<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <input type="radio" name="radio1" value="1" checked/>1<br />
    <input type="radio" name="radio1" value="2"/>2<br />
    <input type="radio" name="radio1" value="3"/>3<br />
    <input type="radio" name="radio1" value="4"/>4<br />
    <input type="radio" name="radio1" value="5"/>5<br />
    </body>
    </html>
    <script language="javascript">
    //radio组 类
    var radioGroup = function(_name){
    this.items=[];//radio集合
    this.value="";//值
    var self=this;
    //点击事件
    var func=function(){self.value=this.value;if(typeof(self.onchange)=="function")self.onchange();}
    var radios=document.getElementsByName(_name);//获取全部name为参数的集合
    for(var i=0,l=radios.length;i<l;i++){
    var o = this.items[i] = radios[i];
    o.onclick=func;//绑定radio的onclick事件
    if(o.checked)this.value=o.value;//读取初始值
    }
    }//使用
    var rd1 = new radioGroup("radio1");//初始化 参数是radio的name属性
    rd1.onchange = function(){ //onchange事件
    alert(this.value);
    }
    alert(rd1.value);//取值
    </script>