<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<script>
function showgr(){
if (document.input.gr.checked == true) {
gr.style.display = "";
qy.style.display = "none";
}else{
gr.style.display = "none";
}
}
</script>
<script>
function showqy(){
if (document.input.qy.checked == true) {
qy.style.display = "";
gr.style.display = "none";
}else{
qy.style.display = "none";
}
}
</script>
<form name="input">
会员类别:
<input type="radio" name="hylb" id="gr" onclick=showgr()>个人
<input type="radio" name="hylb" id="qy" onclick=showqy()>企业
</form>
<br><br><br>
<table>
<TR id=gr style=DISPLAY:none>
<TD>我是个人</TD></TR>
</table>
<table>
<TR id=qy style=DISPLAY:none>
<TD>我是企业</TD></TR>
</table>
</body>
</html>
自己把代码复制下来到本地查看
个人信息就是个人的一些具体信息(包括个人的联系方法,通信地址等等),企业信息就是企业的一些具体信息(行业,公司名称等等)
现在我先让注册人申请通行证(用户名和密码),然后选择“个人”或“企业”进行详细信息填写
斑竹你看用JS该怎么样实现这种效果呢?
<script language=javascript>
function ShowBD()
{
for(var ia=0;ia<this.RegCls.length;ia++)
{
if(this.RegCls[ia].checked)
this.Bd[ia].style.display="inline";
else
this.Bd[ia].style.display="none";
}
}
</script>
<input type=radio name=RegCls onClick=ShowBD(); >个人
<input type=radio name=RegCls onClick=ShowBD(); >企业
<div id=MBoard >
</div>
<div id=Bd style="display:none;" >
个人信息
<input name=UsName type=text onChange=UsName_Change() ; >用户名
</div>
<div id=Bd style="display:none;" >
企业信息
<input name=CompanName type=text onChange=CompanName_Change() ; >企业名
</div>