radio 按钮html页面的tr隐藏显示
<inputname="1"type=""value="0"type="radio"/>个人<inputname="1"type=""value="2"type="rad...
<input name="1" type="" value="0" type="radio" />个人
<input name="1" type="" value="2" type="radio" />他人
分有两个单选按钮,我html页面就有一个tabel 分有三行,第一行放单选按钮,第二行个人 第三行他人
我想要实现的是,选择个人,把个人的tr这行显示出来,当然他人那行就隐藏了。
谢谢大家帮忙下,需要代码贴出。 展开
<input name="1" type="" value="2" type="radio" />他人
分有两个单选按钮,我html页面就有一个tabel 分有三行,第一行放单选按钮,第二行个人 第三行他人
我想要实现的是,选择个人,把个人的tr这行显示出来,当然他人那行就隐藏了。
谢谢大家帮忙下,需要代码贴出。 展开
3个回答
展开全部
<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>
<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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询