单选框（radiobutton）如何进行.js或.asp的调用？

哦……
在页面上有n个单选框，选择不同的单选框显示不同的表格，这些表格可以用存储在其他的.js或.asp中，这是次要的。这么说吧，ra(0).checked:在同一页面显示“表格1”；
ra(1).checked:在同一页面显示“表格2”；
ra(2).checked:在同一页面显示“表格3”；
……
要求：不产生历史纪录，不允许后退；
显示表格的同时显示单选框并且已处于checked=true的状态。就像“51job离线简历”一样的。该怎么做？

解决方案 »

  1.   

    <input type="radio" name="yunshui" checked onclick="t2.style.display='none';t3.style.display='none';t1.style.display=''">
    <input type="radio" name="yunshui" onclick="t1.style.display='none';t3.style.display='none';t2.style.display=''">
    <input type="radio" name="yunshui" onclick="t2.style.display='none';t1.style.display='none';t3.style.display=''">
    <table id="t1"><tr><td>t1</tr></td></table>
    <table style="display:none" id="t2"><tr><td>t2</tr></td></table>
    <table style="display:none" id="t3"><tr><td>t3</tr></td></table>
      

  2.   

    呵呵……那如果换成.js或.asp文件又该怎么做呢？
      

  3.   

    ？？
    做成函数，保存成js。
    或者用<iframe>动态调用页面
      

  4.   

    帮我看看这一页代码好吗？如果不用脚本没有问题，但用了脚本之后就……
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    <link href="../../../publish/css/new.css" rel="stylesheet" type="text/css">
    </head><body>
    <table width="75%" border="0" align="center">
      <tr>
        <td><a href="javascript:setStyle(0);">xx</a></td>
        <td><a href="javascript:setStyle(1);">yy</a></td>
        <td><a href="javascript:setStyle(2);">zz</a></td>
      </tr>
    </table>
    <center>
        <script language="JavaScript">
     function setStyle(i){
      var x="lay"
      eval(x+i).visibility=''
      if (i==0) {
       for (i=1;i<=2;i++){
        eval(x+i).visibility='hidden'
       }
      }
      if (i==1) {
       eval(x+(i-1)).visibility='hidden'
       eval(x+(i+1)).visibility='hidden'
      }
      if (i==2) {
       for (i=0;i<=1;i++){
        eval(x+i).visibility='hidden'
       }
      }
     }
    </script>
        <div id="lay0" style="position:absolute; left:0px; top:123px; width:100%; z-index:1; visibility: hidden;">
          <font color="#CC3300">========== next page ========</font></div>
        
      <div id="lay1" style="position:absolute; left:0px; top:123px; width:100%; z-index:2; visibility: hidden;"> 
        <font color="#CC3300">=========== next page ============</font></div>
        
      <div id="lay2" style="position:absolute; left:0px; top:123px; width:100%; z-index:3; visibility: hidden;"> 
        <font color="#CC3300">=========== end page ============</font> </div>
      </center>
    </body>
    </html>
      

  5.   

    <table width="75%" border="0" align="center">
      <tr>
        <td><a href="javascript:setStyle(0);">xx</a></td>
        <td><a href="javascript:setStyle(1);">yy</a></td>
        <td><a href="javascript:setStyle(2);">zz</a></td>
      </tr>
    </table>
    <script language="JavaScript">
     function setStyle(i){
      var x="lay"
      eval(x+i).style.visibility=''
      if (i==0) {
       for (j=1;j<=2;j++){
        eval(x+j).style.visibility='hidden'
       }
      }
      if (i==1) {
       eval(x+(i-1)).style.visibility='hidden'
       eval(x+(i+1)).style.visibility='hidden'
      }
      if (i==2) {
       for (j=0;j<=1;j++){
        eval(x+j).style.visibility='hidden'
       }
      }
     }
    </script>
        <div id="lay0" style="position:absolute; left:0px; top:123px; width:100%; z-index:1; visibility: hidden;">
          <font color="#CC3300">========== next page ========</font></div>
        
      <div id="lay1" style="position:absolute; left:0px; top:123px; width:100%; z-index:2; visibility: hidden;"> 
        <font color="#CC3300">=========== next page ============</font></div>
        
      <div id="lay2" style="position:absolute; left:0px; top:123px; width:100%; z-index:3; visibility: hidden;"> 
        <font color="#CC3300">=========== end page ============</font> </div>
      

  6.   

    呵呵……忘记写style了，呵呵……谢谢！
    马上结账！