<html>
<head>
<title> Chen Qi </title>
<script language="JavaScript">
<!--
//判断单击类型做相应样式控制
function checkType(f)
{
//获取需要控制的对象
var div0=document.getElementById("div0");
var div1=document.getElementById("div1");
var div2=document.getElementById("div2");
//根据f标记变量值进行样式控制
if(f==1)
{
div0.style.display="";//显示为:还没有选择性别
div1.style.display="";//显示
div2.style.display="none";
}
else
{
div0.style.display="none";
div1.style.display="none";
div2.style.display="block";
}
}
//-->
</script>
</head>
<body>
选择你的性别:
<input name="mytype" type="radio" value="1" οnclick="checkType(1)">男生
<input name="mytype" type="radio" value="2" οnclick="checkType(2)">女生
<hr>
<div id="div0">
还没有选择性别
</div>
<div id="div1" style="display:none;">
你选择了男生,单击此处进入男生选项<input name="" type="button" value="进入男生选项">
</div>
<div id="div2" style="display:none;">
你选择了女生,单击此处进入女生选项<input name="" type="button" value="进入女生选项">
</div>
</body>
</html>
javascript基础学习
最新推荐文章于 2024-04-19 16:51:59 发布