Question

怎样在html中用radio控制一行表格的显示与隐藏

<table width="100%" border="1" cellSpacing=0 cellPadding=0>
<tr>
<td width="15%">审计结果</td>
<td width="85%">
<input type="radio" name="sjjg" id="sjjg" value=1 checked>不通过<br>
<input type="radio" name="sjjg" id="sjjg" value=2>通过<br>
</td>
</tr>
<tr id="hide1">
<td width="15%">理由</td>
<td width="85%"><input id="ly"></td>
</tr>
<tr id="hide2" style="display:none">
<td width="15%">下一步</td>
<td width="85%"><input id="xyb"></td>
</tr>
</table>

希望实现的效果：
选择不通过时，显示hide1理由这一行；
选择通过时，显示hide2下一步这一行。

请指教，谢谢！
已解决~

Answer 1

<script>
for(i=0;i<document.form1.sjjg.length;i++)
if(document.form1.sjjg[i].checked && document.form1.sjjg[i].value == '2')
{
document.getElementById('hide1').style.display="none";
document.getElementById('hide2').style.display=""; }else
{
document.getElementById('hide1').style.display="";
document.getElementById('hide2').style.display="none";
}

</script>