<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" onclick="checkType(1)">男生
<input name="mytype" type="radio" value="2" onclick="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基础学习
最新推荐文章于 2025-12-21 13:28:14 发布
本文介绍了一个简单的JavaScript程序，用于根据用户选择的性别显示不同的页面元素。通过使用HTML和JavaScript，该程序能够实现在用户选择性别后展示特定内容的功能。
扫一扫
1719
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
