<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>
