Radio单选框OnClick事件的设置

代码:

 

<script>
function getRadio(){
    e = event.srcElement;
     alert("你点击的Radio按钮值为"+e.value);
}
window.οnlοad=function(){
var e=document.getElementsByTagName("input");
for(var i=0;i<e.length;i++){
   if(e[i].type=="radio" && e[i].name=="optype")
   e[i].attachEvent("onclick",getRadio);
}
}
</script>
<input type="radio" value="1" name="optype">投诉
<input type="radio" value="2" name="optype">障碍
<input type="radio" value="3" name="optype">业务
<input type="radio" value="4" name="optype">建议
<input type="radio" value="5" name="optype">咨询
<input type="radio" value="6" name="optype">表扬

 

===========================================================

 

<script language="" for="optype" event="onclick">
      window.alert('你点击的Radio按钮值为' + value);
</script>


<input type="radio" value="1" name="optype">投诉
<input type="radio" value="2" name="optype">障碍
<input type="radio" value="3" name="optype">业务
<input type="radio" value="4" name="optype">建议
<input type="radio" value="5" name="optype">咨询
<input type="radio" value="6" name="optype">表扬

 

 

兼容Firefox和IE-Radio单选框OnClick事件的设置问题

<span οnclick="getRadio()">  
        <input type="radio" value="1" name="optype">投诉
        <input type="radio" value="2" name="optype">障碍
        <input type="radio" value="3" name="optype">业务
        <input type="radio" value="4" name="optype">建议
        <input type="radio" value="5" name="optype">咨询
        <input type="radio" value="6" name="optype">表扬
</span>
<script>
function getEvent()
{
        if(document.all)
        {
                return window.event;//如果是ie
        }
        func=getEvent.caller;
        while(func!=null)
        {
                var arg0=func.arguments[0];
                if(arg0)
                {
                        if((arg0.constructor==Event || arg0.constructor ==MouseEvent)||(typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))
                        {
                                return arg0;
                        }
                }
                func=func.caller;
        }
        return null;
}

function  getRadio()
{  
        var evt=getEvent();
        var e = evt.srcElement || evt.target;
        if(e.type=="radio"  &&  e.name=="optype")  
                alert("你点击的Radio按钮值为"+e.value);
}
</script>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值