请教一个table显示隐藏的问题

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head><body>
<input type=radio name=aaa checked onclick="table1.style.display='';table2.style.display='none';">Show Table1
<input type=radio name=aaa onclick="table1.style.display='none';table2.style.display='';">Show Table2  
<table id=table1 width=100% bgcolor=cccccc><tr><td>Table1</td></tr></table>
<table id=table2 width=100% bgcolor=eeeeee style="display:none"><tr><td>Table2</td></tr></table>
</body>

解决方案 »

  1.   

    同意
    其实用div
    也行，呵呵
      

  2.   

    <input type=radio name="SelectTableID" onclick="CheckStatus()" id="Table1">表一
    <input type=radio name="SelectTableID" onclick="CheckStatus()" id="Table2">表二
    <script>
    function CheckStatus()
    {
    var Object=document.all.SelectTableID;
    for(iIndex=0;iIndex<Object.length;iIndex++)
    {
    if(Object(iIndex).checked)
    {
    if(Object(iIndex).id=="Table1")
    {
    TableID1.style.visibility="";
    TableID2.style.visibility="hidden";
    }
    else
    {
    TableID1.style.visibility="hidden";
    TableID2.style.visibility="";
    }
    }
    }
    }
    </script>
    <br>
    <div id=TableID1 style="visibility:hidden;">
    <table border=1>
    <tr><td>&nbsp;1</td></tr>
    </table>
    </div>
    <div id=TableID2 style="visibility:hidden;">
    <table border=1>
    <tr><td>&nbsp;2</td></tr>
    </table>
    </div>
      

  3.   

    多谢多谢， gjd111686(数字金刚)的方法也不错，但JK_10000(JK)先回帖，40：10吧