jsp选中单选按钮后才显示其他表单元素源码实例



有些表单信息不需要马上就显示出来,而是要选中单选按钮后才显示其他表单元素,那么jsp如何实现这样的功能呢?以下介绍大家关于jsp源码实例。

<%@ page contentType=”text/html; charset=gb2312″ language=”java” import=”java.sql.*” errorPage=”" %>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<link href=”css/style.css” rel=”stylesheet” type=”text/css”>
<title>选中单选按钮后显示其他表单元素</title>
</head>

<body>
<form name=”form1″ method=”post” action=”">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table width=”610″ border=”0″ align=”center” cellspacing=”1″ bgcolor=”#336699″>
<tr >
<td width=”113″ height=”34″ ><div align=”center”>用户名:</div></td>
<td width=”153″ ><div align=”center”>
<input name=”username” type=”text” id=”username” size=”20″>
<input name=”post” type=”hidden” id=”post” value=”1″>
</div></td>
<td width=”93″ background=”images/tile_sub.gif”><div align=”center”>密 码:</div></td>
<td width=”238″ colspan=”3″ background=”images/tile_sub.gif”><div align=”center”>
<input name=”userpwd” type=”password” id=”userpwd” size=”20″>
</div></td>
</tr>
<tr>
<td bgcolor=”#FFFFFF”><div align=”center”>权 限:</div></td>
<td colspan=”5″ valign=”middle” bgcolor=”#FFFFFF”><input name=”user” type=”radio” onClick=”im1.style.display=’block’;” value=”0″ checked>
普通用户
<input type=”radio” name=”user” value=”1″ onClick=”im1.style.display =’none’;”>
超级用户
<table width=”448″ border=”0″ id=”im1″>
<tr>
<td>
<input name=”shenhe” type=”checkbox” id=”shenhe2″ value=”1″>
批示功能</td>
<td>
<input name=”huiyi” type=”checkbox” id=”huiyi2″ value=”1″>
会议管理</td>
<td>
<input name=”gonggong” type=”checkbox” id=”gonggong2″ value=”1″>
公共信息管理 </td>
<td>
<input name=”geren” type=”checkbox” id=”geren2″ value=”1″>
审核个人登记活动 </td>
</tr>
<tr>
<td height=”11″>
<input name=”huibao” type=”checkbox” id=”huibao2″ value=”1″>
汇总功能</td>
<td>
<input name=”caigou” type=”checkbox” id=”caigou2″ value=”1″>
采购功能</td>
<td>
<input name=”kucun” type=”checkbox” id=”kucun2″ value=”1″>
提报库存功能</td>
<td><input name=”shangbao” type=”checkbox” id=”shangbao2″ value=”1″>
下达/完成情况上报</td>
</tr>
<tr>
<td height=”12″ colspan=”2″><input name=”caigoushen” type=”checkbox” id=”caigoushen3″ value=”1″>
采购计划审核 </td>
<td><input name=”renshi” type=”checkbox” id=”renshi” value=”1″>
人事添加员工 </td>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
<tr bgcolor=”#F3F3F3″>
<td height=”23″ colspan=”6″><div align=”center”>
<input type=”submit” name=”Submit” value=”提交”>
<input type=”reset” name=”Submit2″ value=”重置”>
</div></td>
</tr>
</table>

</form>
</body>
</html>