radio 按钮html页面的tr隐藏显示

Posted 2023-03-24

<input name="1" type="" value="0" type="radio" />个人
<input name="1" type="" value="2" type="radio" />他人
分有两个单选按钮，我html页面就有一个tabel 分有三行，第一行放单选按钮，第二行个人 第三行他人
我想要实现的是，选择个人，把个人的tr这行显示出来，当然他人那行就隐藏了。
谢谢大家帮忙下，需要代码贴出。

<table>
<tr>
<td>
<input name="1" value="0" type="radio" onclick="document.getElementById('per').style.display='';document.getElementById('oth').style.display='none';" checked />个人
<input name="1" value="2" type="radio" onclick="document.getElementById('per').style.display='none';document.getElementById('oth').style.display='';"/>他人
</td>
<tr>

<tr id="per">
<td>
个人
</td>
<tr>

<tr id="oth" style="display:none">
<td>
他人
</td>
<tr>
</table> 参考技术A 表格的行是不能隐藏的，只能隐藏里面的数据或控件，但是你可以将其他行的边框颜色改为白色即可， 参考技术B 行可以隐藏，一楼的代码应该就没问题