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

html-css09

radio 按钮html页面的tr隐藏显示,第1张

<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>

<table width="100" border="0" cellspacing="0" cellpadding="0" style="visibility:hidden">

<tr>

<td bgcolor="#00FF00"></td>

</tr>

</table>

style="visibility:hidden">隐藏

style="visibility:display">显示

<table width="100" border="0" cellspacing="0" cellpadding="0" style="display:none">

<tr>

<td bgcolor="#00FF00"></td>

</tr>

</table>

style="display:none" 隐藏

style="display:''"显示

也可以通过程序判断实现此功能Top

那么如何来标识一个表格呢？Top

ID,

document.getElementByIdx()....Top

<TD id=sayou style="DISPLAY: none" width=211>页面浏览:</td>

Top

//JavaScript这样调用

if (sayou.style.display=="none"){sayou.style.display="inline"}

可以用样式style="display:none"来实现。如：

<table>

<tr>

<td style="display:none">A</td>

<td>B</td>

<td>C</td>

</tr>

<tr>

<td style="display:none">A1</td>

<td>B1</td>

<td>C1</td>

</tr>

</table>