请有经验的大大帮忙给出个方案

Question

下面放三个<div></div>,每个div里放不同的table。
点radio的时候调用javascript,显示对应的table，隐藏另外两个。

Answer 1

使用javascript就可以了，通过调用javascript的onchange()方法，点击一个radio时触发事件显示对应的table

Answer 2

用<input type ="radio"........onchange=""   ........./>onchange方法，可以触发radio 变换时候的事件。但是具体分为两类实现方法，
一类就是在页面，用javascript实现，
另一类就是当，onchange的时候，向后台发一个请求，后台服务器，根据请求的参数
返回相应的页面。如果对于安全性要求不高，可以用第一类，否则，用第二类。对于每一类，都有好多的实现方法！

Answer 3

我用的是第二类方法，
虽然没有和你这个一样的需求，但是大同小异，
你可以参考！
只不过我的是下拉菜单，当onchange的时候，切换到对应的页面。

Answer 4

试着写了个， 但好像效果不大好，不知道哪错了，哪位帮忙改改<script LANGUAGE="javascript"> function radio_selected() {
if (input_add.input_standard.value==1) 
    {  tablea.style.display="";
       tableb.style.display="none";
    tablec.style.display="none";
    tabled.style.display="none";
    tablee.style.display="none";
     }
else
{ tablea.style.display="none";
       tableb.style.display="none";
    tablec.style.display="";
    tabled.style.display="none";
    tablee.style.display="";
}
}</script><form method="POST" action="input_resp.jsp" id="input_add">
  <br> 
  <input type="radio" name="input_standard" checked id="input_radio" value=1 onchange="radio_selected()">A
<input type="radio" name="input_standard" id="input_radio" value=2 onchange="radio_selected()">B
<input type="radio" name="input_standard" id="input_radio" value=3 onchange="radio_selected()">C
<input type="radio" name="input_standard" id="input_radio" value=4 onchange="radio_selected()">D
<input type="radio" name="input_standard" id="input_radio" value=5 onchange="radio_selected()">E<table id="tablea"><tr><td>111111111111</td></tr></table>
<table id="tableb"><tr><td>222222222222</td></tr></table>
<table id="tablec"><tr><td>333333333333</td></tr></table>
<table id="tabled"><tr><td>444444444444</td></tr></table>
<table id="tablee"><tr><td>555555555555</td></tr></table>
</form>