单选按钮被选中时触发JS事件

单选按钮被选中时触发JS事件,本人用的是给每个单选按钮都注册click事件,因为按钮数量也比较少, 如果按钮数量多的时候,可以考虑事件代理

//兼容各浏览器的通用事件处理对象
var EventUtil= {
    addHandler:function(element, type, handler){
        if(element.addEventListener){
            //Firefox, Chrome, Safari, Opera
            element.addEventListener(type , handler, false);
        }else if (element.attachEvent){
            //IE, Opera
            element.attachEvent("on"+type, handler);
        } else {
            //default
            element["on"+type] = handler;
        }
    },
    removeHandler: function(element, type, handler){
        if (element.removeEventListener){
            element.removeEventListener(type, handler, false);
        }else if (element.detachEvent){
            element.detachEvent("on"+type, handler);
        }else {
            element["on"+type] = null;
        }
    }
}

/*HTML中单选按钮
* <input type="radio" name="version" value="1">
* <input type="radio" name="version" value="2">
* <input type="radio" name="version" value="3">
*/
//游戏级别单选按钮的检测
EventUtil.addHandler( version[0], "click", radioClick );
EventUtil.addHandler( version[1], "click", radioClick );
EventUtil.addHandler( version[2], "click", radioClick );
function radioClick(){
    //做点什么

}

 

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>