把3组表单分放在3个<div>中,只显示一个,另2个用style.visiblity="hidden" 隐藏掉单选按钮在onclick事件中放函数,点哪个就把对应的div改成style.visiblity="visible",同时隐藏其它2个,就这样

解决方案 »

  1.   

    可以帮忙改一下代码吗?我刚学的,不会弄
    <tr> 
                  <td height="38" colspan="2" align="center"> 
                     <input  type="radio" name="student" value=1 onClick="CheckRadio()" checked>学生 
                     <input type="radio" name="student" value=2 onClick="CheckRadio()">测评小组
                     <input type="radio" name="student" value=3 onClick="CheckRadio()">老师
                  <td> </tr>
    上面是单选按钮的值,下面是要显示的表单:
    <form Name="Login" method="post" action="chklogin.jsp" onSubmit="return CheckForm()">
              <table width="262" border="0" align="center" height="123" cellspacing="3" cellpadding="0">
                <tr>
                  <td height="30" align="right" valign="middle"><b>用户名:</b></td>
                  <td height="30" align="left" valign="middle"> <input Name="UserName" type="text" size="15"> 
                  </td>
                </tr>
                <tr> 
                  <td height="30" align="right" valign="middle"><b>密&nbsp;&nbsp;码:</b> 
                  </td>
                  <td height="30" align="left" valign="middle"> <input Name="PassWord" type="password" value="" size="15"> 
                  </td>
                </tr>
                <tr>
                 <td align="right" valign="middle"><b>学&nbsp;&nbsp;年:</td>
                  <td align="left" valign="middle">
                    <select name="Year" size="1">
                      <option value="1" selected>大一</option>
                      <option value="2">大二</option>
                      <option value="3">大三</option>
                      <option value="4">大四</option>
                    </select>
                  </td>
                </tr>
                <tr> 
                  <tr valign="middle"> 
                  <td colspan="2" align="center"> <input type="submit" Name="Submit" value="登 录"> 
                  </td>
                </tr>
              </table>
      

  2.   

    我感觉解决方法和上面的差不多,不过把form的所有内容,每一类分别放到不同的<Div>中,首先全部都隐藏了,然后通过不同的选择,重新改写相应的style.visiblity的数值,应该能实现你的目标了。另外一种方法是写Java的函数,完全把所需要的内容用JS文件进行显示……这个好像比上面的那种方法困难一些……