Radio选项选中触发事件

最新推荐文章于 2024-04-24 09:22:16 发布

ilovewater09

最新推荐文章于 2024-04-24 09:22:16 发布

阅读量2.5w

点赞数

文章标签： input null function javascript button 2010

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="检查" οnclick="check()">
</form>

2:选中选项触发事件

<input type="radio" name="a" value="1" οnclick="getRadio()">1
<input type="radio" name="a" value="2" οnclick="getRadio()">2
<input type="radio" name="a" value="3" οnclick="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/