用javascript控制Radio隐藏显示

来源：百度知道 编辑：UC知道 时间：2024/09/24 00:39:30
如：
<input type="radio" name="a1" value="1" checked="checked">选项1
<input type="radio" name="a1" value="2">选项2

<input type="radio" name="a2" value="1" checked="checked">选项A
<input type="radio" name="a2" value="2">选项B

<div id="a3" name=a3 style="display:none;">
<input type=radio name=a3 value=1>隐藏选项1
<input type=radio name=a3 value=2>隐藏选项2
</div>

需要的效果：
只有在选择“a1=2”“a2=2”的时候，才显示隐藏的“a3”，否则“a3”为隐藏状态，请高手给一个具体的javascript写法，谢谢！！

<html>
<head>
<script type="text/javascript">
var $ = function(id){return document.getElementById(id) || null};
function dispalyA3()
{
var divElem = $('a12');
var inp = divElem.getElementsByTagName('input');
var A3 = $('a3');

if (divElem != null)
{
if (inp[1].checked && inp[3].checked)
{
A3.style.display = 'block';
}
else{
A3.style.display = 'none';
}
}
}
</script>
</head>
<body>
<div id="a12">
<input type="radio" name="a1" value="1" checked="checked" onclick="dispalyA3()">选项1
<input type="radio" name="a1" value="2" onclick="dispalyA3()">选项2

<input type="radio" name="