|
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>完善个人信息</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="css/reset.css">
<link type="text/css" rel="stylesheet" href="css/common.css">
<link type="text/css" rel="stylesheet" href="css/genindex.css">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
</head>
<body class="covbodyBg">
<div class="containerCon">
<a href="index.html" class="headlogo signLogo"></a>
</div>
<!--中间-->
<div id="container">
<div class="containerCon contConP">
<div class="covFrmblock">
<form class="cmpAllFrm">
<p class="h1Font alignCenter mainColor">完善个人信息</p>
<div class="selectSortBox">
<div class="bindtip"><img src="images/sign_bg_tishi_1_nor.png" width="100%" /></div>
<ul class="mui-table-view mui-grid-view mui-grid-9">
<li class="col-w-4">
<span class="selectSort sort-pro"></span>
<div class="sortbody">科研工作者</div>
</li>
<li class="col-w-4">
<span class="selectSort sort-mana"></span>
<div class="sortbody">企业高管</div>
</li>
<li class="col-w-4">
<span class="selectSort sort-stu"></span>
<div class="sortbody">在校生</div>
</li>
<li class="col-w-4">
<span class="selectSort sort-skill"></span>
<div class="sortbody">技术人员</div>
</li>
<li class="col-w-4">
<span class="selectSort sort-hr"></span>
<div class="sortbody">HR/猎头</div>
</li>
<li class="col-w-4">
<span class="selectSort sort-sale"></span>
<div class="sortbody">销售人员</div>
</li>
<li class="col-w-4">
<span class="selectSort sort-invest"></span>
<div class="sortbody">投资方</div>
</li>
<li class="col-w-4">
<span class="selectSort sort-consult"></span>
<div class="sortbody">咨询顾问</div>
</li>
<li class="col-w-4 selectNow">
<span class="selectSort sort-user"></span>
<div class="sortbody">普通用户</div>
<span class="selectNowicon"></span>
</li>
</ul>
<div class="frmboxNew">
<button type="button" class="frmtype btnModel save-block headRadius">下一步</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript">
$(".selectSortBox").on("click","li",function(){
var liAll = document.getElementsByTagName('li');
var slescted =document.createElement("span")
slescted.className = "selectNowicon";
for(var i = 0;i <liAll.length;i++){
if(liAll[i].classList.contains("selectNow")){
liAll[i].classList.remove("selectNow");
liAll[i].removeChild(liAll[i].getElementsByTagName("span")[1]);
}
}
this.classList.add("selectNow");
this.appendChild(slescted);
})
</script>
</body>
</html>
|
