jsp 显隐表格

来源:百度知道 编辑:UC知道 时间:2024/06/20 04:43:34
如:有三个表格,分别为:tabel1,tabel2,tabel3
然后有三个连接 连接1,连接2,连接3
默认情况下三个表格都不显示~!
当点击连接1时显示tabel1,同时如果另二个表格为显示状态刚关上
总意思就是三个连接轮换显示三个表格~!

<a href="#" onclick="showTB(1)">链接1</a><br>
<a href="#" onclick="showTB(2)">链接2</a><br>
<a href="#" onclick="showTB(3)">链接3</a>

<table id="tb1" style="display:none">
<tr>
<td>
表一
</td>
</tr>
</table>
<table id="tb2" style="display:none">
<tr>
<td>
表二
</td>
</tr>
</table>
<table id="tb3" style="display:none">
<tr>
<td>
表三
</td>
</tr>
</table>
<script>
<!--
function showTB(tbid){
var tb=document.getElementById("tb"+tbid);
if(tb.style.display=='none'){
closeAll(tbid);
tb.style.display='block';
}else{
tb.style.display=