<!DOCTYPE?html>
<html>
<head>
???<meta?charset="UTF-8">
???<title>二級聯(lián)動</title>
???<style>
???????*{
???????????margin:0;
???????????padding:0;
???????????font-size:12px;
???????}
???????.wrap{
???????????width:800px;
???????????margin:0?auto;
???????????text-align:?center;
???????}
???????/*選項*/
.student{
???????????margin-top:50px;
???????}
???????.yes,.no{
???????????margin:0?50px;
???????????vertical-align:?middle;
???????}
???????.in,.out{
???????????margin-top:20px;
???????}
???????.in?select{
???????????margin:0?20px;
???????????width:130px;
???????????height:30px;
???????????box-sizing:?border-box;
???????}
???????.out?input{
???????????width:250px;
???????????height:30px;
???????????box-sizing:?border-box;
???????}
???????label{
???????????font-weight:?bold;
???????}
???????.out{
???????????display:?none;
???????}
???</style>
</head>
<body>
???<div>
???????<!--選項-->
<div>
???????????<label?for="yes">
???????????????<input?type="radio"?name="sec"?id="yes"?checked="checked">
???????????????在校生
???????????</label>
???????????<label?for="no">
???????????????<input?type="radio"?name="sec"?id="no">
???????????????非在校生
???????????</label>
???????</div>
???????<!--在線生選項-->
<div?id="in">
???????????<label?for="city">
???????????????學(xué)校
???????????????<select?name="city"?id="city">
???????????????????<option?value="">請選擇</option>
???????????????</select>
???????????????<select?name="school"?id="school">
???????????????????<option?value="">請選擇</option>
???????????????</select>
???????????</label>
???????</div>
???????<!--非在校生-->
<div?id="out">
???????????<label?for="job">
???????????????就業(yè)單位
???????????????<input?type="text"?name="job"?id="job">
???????????</label>
???????</div>
???</div>
</body>
<script>
???var?$?=function(id){
???????return?document.getElementById(id);
???};
???
???function?select(){
???????if($("yes").checked?===?true){
???????????$("in").style.display?=?"block";
???????????$("out").style.display?=?"none";
???????}else?if($("no").checked?===?true){
???????????$("in").style.display?=?"none";
???????????$("out").style.display?=?"block";
???????}
???}
???select();
</script>
</html>
我這個為什么沒有隱藏？
19990000
2017-10-09 15:01:47
