Radio选项选中触发事件
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='';
}
}
}
<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='';
}
}
}