我們如何隱藏和顯示收音機上的表牛頓點擊

Question

我有兩張桌子。我想在單擊第一個單選按鈕時顯示一個表格。然後當我點擊第二個單選按鈕時顯示一個不同的表格。

Answer 1

入住一下：

JQUERY：

$("#Radio1").click(function(){ 
    $("#Table2").hide(); 
    $("#Table1").show(); 
}); 
$("#Radio2").click(function(){ 
    $("#Table1").hide(); 
    $("#Table2").show(); 
}); 

HTML：

<input type="radio" id="Radio1" name="rd"/> 
Click on this radio button to show Table 1 
<br /> 
<input type="radio" id="Radio2" name="rd"/> 
Click on this radio button to show Table 2 
<br /> 
<table id="Table1" border="1" cellpadding="0" cellspacing="0" style="display:none;width:200px;"> 
    <tr> 
     <td>11</td> 
     <td>11</td> 
    </tr> 
    <tr> 
     <td>11</td> 
     <td>11</td> 
    </tr> 
</table> 
<br /> 
<table id="Table2" border="1" cellpadding="0" cellspacing="0" style="display:none;width:200px;"> 
    <tr> 
     <td>22</td> 
     <td>22</td> 
    </tr> 
    <tr> 
     <td>22</td> 
     <td>22</td> 
    </tr> 
</table> 

CLICK HERE TO SEE THE DEMO

Answer 2

使用jQuery .show() API快速，方便和瀏覽器兼容的解決方案：

$("#radio1").click(function(e){$("#table1").show();}); 
$("#radio2").click(function(e){$("#table2").show();});