随着我点单选项的位置不同，form中的一个表格中的几行显示或隐藏，如何处理？

将你要隐藏的TR的DISPLAY设成NONE不就隐藏了

解决方案 »

  1.   

    <body>
    <input type="radio" value="1" name="S_mode" checked onclick="check()">客户数量（按商业类型分）及各自的销售量&nbsp; <input type="radio" name="S_mode" value="2" onclick="check()">客户数量(按交易和无交易分)统计
    <table border="1">
      <tr class="p9black"> 
        <td nowrap><strong>产品编码：</strong></td>
        <td><input class=smallinput size=20 name=Style_No></td>
      </tr>
      <tr class="p9black"> 
        <td height="37" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td bgcolor="#CCCCCC"><img src="images/spacer.gif" width="1" height="1"></td>
            </tr>
          </table></td>
      </tr>
     </table>
    <script language="javascript" >
    function check()
    {
    var radios=document.getElementsByName("S_mode");
    var trs=document.getElementsByTagName("TR");
    if(radios[1].checked)
    {
    for(var i=0;i<trs.length;i++)
    trs[i].style.display=trs[i].className=="p9black"?"none":"";
    }
    else if(radios[0].checked)
    {
    for(var i=0;i<trs.length;i++)
    trs[i].style.display="";
    }
    }
    </script>
    </body>