您的位置：首页 > Web前端 > JQuery
jQuery 仿1688地域选择

2015-10-30 11:53 465 查看
逛博客园10个月了，第一写个笔记，心里好激动，手也好抖，博客园大神太多了.

好汉不喜勿喷。

这个是我线上能访问 http://182.254.136.120:99/silas/demo.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> silas</title>
<script src="jquery-1.9.1.min.js"></script>
<style type="text/css">
*{margin: 0; padding:0;}
ul li{
list-style: none;
}
.line-content input {
vertical-align: -2px;
}
.region-select {
background: #FFF;
border: 1px solid #ddd;
float: left;
line-height: 16px;
min-height: 21px;
_height: 21px;
width: 244px;
padding: 6px 25px 6px 10px;
font-weight: normal;
}
.region-trigger {
background: url(g-sprite.png) no-repeat -130px 14px;
display: block;
float: left;
height: 21px;
width: 17px;
_zoom: 1;
margin-left: -25px;
_background-image: url(g-sprite.png);
}
.region-wrapper{
border: 1px solid #5275c4;
display: none;
width: 670px;
position: absolute;
z-index: 1000;
background-color: #fff;
left: 0;
top: 34px;
font-weight: normal;
}
.region-wrapper .r-b .o {
text-align: right;
height: 20px;
line-height: 20px;
padding: 5px 0;
}
.go-ico-del {
display: inline-block;
background: url(g-sprite.png) no-repeat 0 -204px;
width: 15px;
height: 15px;
}
.region-wrapper .r-b{
padding: 0 10px;
position: relative;
zoom: 1;
}
.region-wrapper .r-b li{
border-bottom: 1px dashed #d9d9d9;
height: 36px;
line-height: 36px;
}
.region-wrapper .r-b dt{
font-weight: 600;
}
.region-wrapper .r-b dt,.region-wrapper .r-b dd{
float: left;
width: 88px;
position: relative;
}
.region-wrapper .r-b dd{
width: 84px;
height: 36px;
padding: 0 0 0 5px;
border: 1px solid #fff;
border-width: 1px 1px 0;
position: relative;
}
.region-wrapper .r-b dd label{
margin-right: 0;
}
.region-wrapper .r-b dl .unfold{
display: inline-block;
width: 7px;
height: 19px;
text-decoration: none;
vertical-align: 0;
background-position: -2px -221px;
background-image: url(g-sprite.png);
}
.region-wrapper .r-b .city {
position: absolute;
top: 26px;
left: -1px;
width: 195px;
background-color: #f6f6f6;
z-index: 10;
display: none;
border: 1px solid #a4a4a4;
}
.region-wrapper .r-b dl .light {
background-color: #f6f6f6;
border: 1px solid #a4a4a4;
border-width: 1px 1px 0;
z-index: 10;
}
.region-wrapper .r-b .city .line {
display: block;
width: 89px;
background-color: #f6f6f6;
height: 2px;
margin-top: -1px;
}
.region-wrapper .r-b .city ul{
padding: 0 0 0 5px;
overflow: hidden;
zoom: 1;
}
.region-wrapper .r-b .city li {
display: inline;
margin: 0 10px 0 0;
border-width: 0;
float: left;
}
.region-wrapper .r-b .city .o {
padding: 5px 10px;
}
</style>
</head>
<body>

<div class="line-content" style="position: relative">
<ul class="region-select"><li class="item">
<span></span>
<input type="hidden" name="purchase_extra[supply_regiontext]" class="region_valtext">
<input type="hidden" name="purchase_extra[supply_address]" class="region_val"></li></ul>
<a class="region-trigger" id="region-btn"></a>
<div class="region-wrapper">
<div class="r-b">
<div class="cont">
<ul>
<li>
<dl>
<dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">华东</label></dt>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-31" class="prov"><label for="r-1816">上海</label>
<a class="unfold" href="javascript:;" target="_self" for="r-31"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3101"><label for="r-3101">上海市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-32" class="prov"><label for="r-1816">江苏</label>
<a class="unfold" href="javascript:;" target="_self" for="r-32"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3201"><label for="r-3201">南京市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3202"><label for="r-3202">无锡市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3203"><label for="r-3203">徐州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3204"><label for="r-3204">常州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3205"><label for="r-3205">苏州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3206"><label for="r-3206">南通市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3207"><label for="r-3207">连云港市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3208"><label for="r-3208">淮安市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3209"><label for="r-3209">盐城市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3210"><label for="r-3210">扬州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3211"><label for="r-3211">镇江市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3212"><label for="r-3212">泰州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3213"><label for="r-3213">宿迁市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-33" class="prov"><label for="r-1816">浙江</label>
<a class="unfold" href="javascript:;" target="_self" for="r-33"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3301"><label for="r-3301">杭州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3302"><label for="r-3302">宁波市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3303"><label for="r-3303">温州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3304"><label for="r-3304">嘉兴市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3305"><label for="r-3305">湖州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3306"><label for="r-3306">绍兴市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3307"><label for="r-3307">金华市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3308"><label for="r-3308">衢州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3309"><label for="r-3309">舟山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3310"><label for="r-3310">台州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3311"><label for="r-3311">丽水市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-34" class="prov"><label for="r-1816">安徽</label>
<a class="unfold" href="javascript:;" target="_self" for="r-34"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3401"><label for="r-3401">合肥市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3402"><label for="r-3402">芜湖市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3403"><label for="r-3403">蚌埠市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3404"><label for="r-3404">淮南市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3405"><label for="r-3405">马鞍山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3406"><label for="r-3406">淮北市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3407"><label for="r-3407">铜陵市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3408"><label for="r-3408">安庆市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3410"><label for="r-3410">黄山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3411"><label for="r-3411">滁州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3412"><label for="r-3412">阜阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3413"><label for="r-3413">宿州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3415"><label for="r-3415">六安市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3416"><label for="r-3416">亳州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3417"><label for="r-3417">池州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3418"><label for="r-3418">宣城市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-36" class="prov"><label for="r-1816">江西</label>
<a class="unfold" href="javascript:;" target="_self" for="r-36"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3601"><label for="r-3601">南昌市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3602"><label for="r-3602">景德镇市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3603"><label for="r-3603">萍乡市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3604"><label for="r-3604">九江市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3605"><label for="r-3605">新余市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3606"><label for="r-3606">鹰潭市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3607"><label for="r-3607">赣州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3608"><label for="r-3608">吉安市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3609"><label for="r-3609">宜春市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3610"><label for="r-3610">抚州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3611"><label for="r-3611">上饶市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
</dl>
</li>

<li>
<dl>
<dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">华北</label></dt>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-11" class="prov"><label for="r-1816">北京</label>
<a class="unfold" href="javascript:;" target="_self" for="r-11"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1101"><label for="r-1101">北京市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-12" class="prov"><label for="r-1816">天津</label>
<a class="unfold" href="javascript:;" target="_self" for="r-12"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1201"><label for="r-1201">天津市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-13" class="prov"><label for="r-1816">河北</label>
<a class="unfold" href="javascript:;" target="_self" for="r-13"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1301"><label for="r-1301">石家庄市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1302"><label for="r-1302">唐山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1303"><label for="r-1303">秦皇岛市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1304"><label for="r-1304">邯郸市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1305"><label for="r-1305">邢台市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1306"><label for="r-1306">保定市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1307"><label for="r-1307">张家口市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1308"><label for="r-1308">承德市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1309"><label for="r-1309">沧州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1310"><label for="r-1310">廊坊市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1311"><label for="r-1311">衡水市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-14" class="prov"><label for="r-1816">山西</label>
<a class="unfold" href="javascript:;" target="_self" for="r-14"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1401"><label for="r-1401">太原市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1402"><label for="r-1402">大同市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1403"><label for="r-1403">阳泉市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1404"><label for="r-1404">长治市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1405"><label for="r-1405">晋城市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1406"><label for="r-1406">朔州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1407"><label for="r-1407">晋中市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1408"><label for="r-1408">运城市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1409"><label for="r-1409">忻州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1410"><label for="r-1410">临汾市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1411"><label for="r-1411">吕梁市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-15" class="prov"><label for="r-1816">内蒙古</label>
<a class="unfold" href="javascript:;" target="_self" for="r-15"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1501"><label for="r-1501">呼和浩特市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1502"><label for="r-1502">包头市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1503"><label for="r-1503">乌海市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1504"><label for="r-1504">赤峰市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1505"><label for="r-1505">通辽市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1506"><label for="r-1506">鄂尔多斯市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1507"><label for="r-1507">呼伦贝尔市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1508"><label for="r-1508">巴彦淖尔市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1509"><label for="r-1509">乌兰察布市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1522"><label for="r-1522">兴安盟</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1525"><label for="r-1525">锡林郭勒盟</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-1529"><label for="r-1529">阿拉善盟</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-37" class="prov"><label for="r-1816">山东</label>
<a class="unfold" href="javascript:;" target="_self" for="r-37"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3701"><label for="r-3701">济南市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3702"><label for="r-3702">青岛市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3703"><label for="r-3703">淄博市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3704"><label for="r-3704">枣庄市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3705"><label for="r-3705">东营市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3706"><label for="r-3706">烟台市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3707"><label for="r-3707">潍坊市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3708"><label for="r-3708">济宁市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3709"><label for="r-3709">泰安市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3710"><label for="r-3710">威海市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3711"><label for="r-3711">日照市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3712"><label for="r-3712">莱芜市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3713"><label for="r-3713">临沂市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3714"><label for="r-3714">德州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3715"><label for="r-3715">聊城市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3716"><label for="r-3716">滨州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3717"><label for="r-3717">菏泽市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
</dl>
</li>

<li>
<dl>
<dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">华中</label></dt>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-41" class="prov"><label for="r-1816">河南</label>
<a class="unfold" href="javascript:;" target="_self" for="r-41"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4101"><label for="r-4101">郑州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4102"><label for="r-4102">开封市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4103"><label for="r-4103">洛阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4104"><label for="r-4104">平顶山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4105"><label for="r-4105">安阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4106"><label for="r-4106">鹤壁市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4107"><label for="r-4107">新乡市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4108"><label for="r-4108">焦作市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4109"><label for="r-4109">濮阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4110"><label for="r-4110">许昌市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4111"><label for="r-4111">漯河市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4112"><label for="r-4112">三门峡市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4113"><label for="r-4113">南阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4114"><label for="r-4114">商丘市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4115"><label for="r-4115">信阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4116"><label for="r-4116">周口市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4117"><label for="r-4117">驻马店市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-42" class="prov"><label for="r-1816">湖北</label>
<a class="unfold" href="javascript:;" target="_self" for="r-42"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4201"><label for="r-4201">武汉市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4202"><label for="r-4202">黄石市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4203"><label for="r-4203">十堰市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4205"><label for="r-4205">宜昌市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4206"><label for="r-4206">襄阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4207"><label for="r-4207">鄂州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4208"><label for="r-4208">荆门市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4209"><label for="r-4209">孝感市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4210"><label for="r-4210">荆州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4211"><label for="r-4211">黄冈市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4212"><label for="r-4212">咸宁市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4213"><label for="r-4213">随州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4228"><label for="r-4228">恩施</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-43" class="prov"><label for="r-1816">湖南</label>
<a class="unfold" href="javascript:;" target="_self" for="r-43"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4301"><label for="r-4301">长沙市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4302"><label for="r-4302">株洲市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4303"><label for="r-4303">湘潭市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4304"><label for="r-4304">衡阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4305"><label for="r-4305">邵阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4306"><label for="r-4306">岳阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4307"><label for="r-4307">常德市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4308"><label for="r-4308">张家界市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4309"><label for="r-4309">益阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4310"><label for="r-4310">郴州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4311"><label for="r-4311">永州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4312"><label for="r-4312">怀化市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4313"><label for="r-4313">娄底市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4331"><label for="r-4331">湘西</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
</dl>
</li>

<li>
<dl>
<dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">华南</label></dt>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-44" class="prov"><label for="r-1816">广东</label>
<a class="unfold" href="javascript:;" target="_self" for="r-44"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4401"><label for="r-4401">广州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4402"><label for="r-4402">韶关市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4403"><label for="r-4403">深圳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4404"><label for="r-4404">珠海市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4405"><label for="r-4405">汕头市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4406"><label for="r-4406">佛山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4407"><label for="r-4407">江门市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4408"><label for="r-4408">湛江市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4409"><label for="r-4409">茂名市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4412"><label for="r-4412">肇庆市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4413"><label for="r-4413">惠州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4414"><label for="r-4414">梅州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4415"><label for="r-4415">汕尾市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4416"><label for="r-4416">河源市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4417"><label for="r-4417">阳江市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4418"><label for="r-4418">清远市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4419"><label for="r-4419">东莞市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4420"><label for="r-4420">中山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4451"><label for="r-4451">潮州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4452"><label for="r-4452">揭阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4453"><label for="r-4453">云浮市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-45" class="prov"><label for="r-1816">广西</label>
<a class="unfold" href="javascript:;" target="_self" for="r-45"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4501"><label for="r-4501">南宁市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4502"><label for="r-4502">柳州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4503"><label for="r-4503">桂林市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4504"><label for="r-4504">梧州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4505"><label for="r-4505">北海市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4506"><label for="r-4506">防城港市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4507"><label for="r-4507">钦州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4508"><label for="r-4508">贵港市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4509"><label for="r-4509">玉林市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4510"><label for="r-4510">百色市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4511"><label for="r-4511">贺州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4512"><label for="r-4512">河池市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4513"><label for="r-4513">来宾市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4514"><label for="r-4514">崇左市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-46" class="prov"><label for="r-1816">海南</label>
<a class="unfold" href="javascript:;" target="_self" for="r-46"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4601"><label for="r-4601">海口市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-4602"><label for="r-4602">三亚市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-35" class="prov"><label for="r-1816">福建</label>
<a class="unfold" href="javascript:;" target="_self" for="r-35"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3501"><label for="r-3501">福州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3502"><label for="r-3502">厦门市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3503"><label for="r-3503">莆田市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3504"><label for="r-3504">三明市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3505"><label for="r-3505">泉州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3506"><label for="r-3506">漳州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3507"><label for="r-3507">南平市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3508"><label for="r-3508">龙岩市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-3509"><label for="r-3509">宁德市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
</dl>
</li>

<li>
<dl>
<dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">东北</label></dt>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-21" class="prov"><label for="r-1816">辽宁</label>
<a class="unfold" href="javascript:;" target="_self" for="r-21"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2101"><label for="r-2101">沈阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2102"><label for="r-2102">大连市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2103"><label for="r-2103">鞍山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2104"><label for="r-2104">抚顺市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2105"><label for="r-2105">本溪市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2106"><label for="r-2106">丹东市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2107"><label for="r-2107">锦州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2108"><label for="r-2108">营口市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2109"><label for="r-2109">阜新市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2110"><label for="r-2110">辽阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2111"><label for="r-2111">盘锦市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2112"><label for="r-2112">铁岭市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2113"><label for="r-2113">朝阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2114"><label for="r-2114">葫芦岛市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-22" class="prov"><label for="r-1816">吉林</label>
<a class="unfold" href="javascript:;" target="_self" for="r-22"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2201"><label for="r-2201">长春市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2202"><label for="r-2202">吉林市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2203"><label for="r-2203">四平市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2204"><label for="r-2204">辽源市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2205"><label for="r-2205">通化市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2206"><label for="r-2206">白山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2207"><label for="r-2207">松原市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2208"><label for="r-2208">白城市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2224"><label for="r-2224">延边</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-23" class="prov"><label for="r-1816">黑龙江</label>
<a class="unfold" href="javascript:;" target="_self" for="r-23"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2301"><label for="r-2301">哈尔滨市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2302"><label for="r-2302">齐齐哈尔市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2303"><label for="r-2303">鸡西市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2304"><label for="r-2304">鹤岗市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2305"><label for="r-2305">双鸭山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2306"><label for="r-2306">大庆市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2307"><label for="r-2307">伊春市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2308"><label for="r-2308">佳木斯市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2309"><label for="r-2309">七台河市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2310"><label for="r-2310">牡丹江市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2311"><label for="r-2311">黑河市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2312"><label for="r-2312">绥化市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-2327"><label for="r-2327">大兴安岭地区</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
</dl>
</li>

<li>
<dl>
<dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">西北</label></dt>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-61" class="prov"><label for="r-1816">陕西</label>
<a class="unfold" href="javascript:;" target="_self" for="r-61"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6101"><label for="r-6101">西安市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6102"><label for="r-6102">铜川市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6103"><label for="r-6103">宝鸡市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6104"><label for="r-6104">咸阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6105"><label for="r-6105">渭南市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6106"><label for="r-6106">延安市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6107"><label for="r-6107">汉中市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6108"><label for="r-6108">榆林市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6109"><label for="r-6109">安康市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6110"><label for="r-6110">商洛市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-62" class="prov"><label for="r-1816">甘肃</label>
<a class="unfold" href="javascript:;" target="_self" for="r-62"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6201"><label for="r-6201">兰州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6202"><label for="r-6202">嘉峪关市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6203"><label for="r-6203">金昌市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6204"><label for="r-6204">白银市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6205"><label for="r-6205">天水市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6206"><label for="r-6206">武威市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6207"><label for="r-6207">张掖市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6208"><label for="r-6208">平凉市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6209"><label for="r-6209">酒泉市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6210"><label for="r-6210">庆阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6211"><label for="r-6211">定西市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6212"><label for="r-6212">陇南市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6229"><label for="r-6229">临夏</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6230"><label for="r-6230">甘南</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-63" class="prov"><label for="r-1816">青海</label>
<a class="unfold" href="javascript:;" target="_self" for="r-63"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6301"><label for="r-6301">西宁市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6321"><label for="r-6321">海东地区</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6322"><label for="r-6322">海北</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6323"><label for="r-6323">黄南</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6325"><label for="r-6325">海南</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6326"><label for="r-6326">果洛</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6327"><label for="r-6327">玉树</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6328"><label for="r-6328">海西</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-64" class="prov"><label for="r-1816">宁夏</label>
<a class="unfold" href="javascript:;" target="_self" for="r-64"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6401"><label for="r-6401">银川市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6402"><label for="r-6402">石嘴山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6403"><label for="r-6403">吴忠市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6404"><label for="r-6404">固原市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6405"><label for="r-6405">中卫市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-65" class="prov"><label for="r-1816">新疆</label>
<a class="unfold" href="javascript:;" target="_self" for="r-65"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6501"><label for="r-6501">乌鲁木齐市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6502"><label for="r-6502">克拉玛依市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6521"><label for="r-6521">吐鲁番地区</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6522"><label for="r-6522">哈密地区</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6523"><label for="r-6523">昌吉</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6527"><label for="r-6527">博尔塔拉</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6528"><label for="r-6528">巴音郭楞</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6529"><label for="r-6529">阿克苏地区</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6530"><label for="r-6530">克孜勒苏</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6531"><label for="r-6531">喀什地区</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6532"><label for="r-6532">和田地区</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6540"><label for="r-6540">伊犁</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6542"><label for="r-6542">塔城地区</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-6543"><label for="r-6543">阿勒泰地区</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
</dl>
</li>

<li>
<dl>
<dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">西南</label></dt>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-50" class="prov"><label for="r-1816">重庆</label>
<a class="unfold" href="javascript:;" target="_self" for="r-50"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5001"><label for="r-5001">重庆市</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-51" class="prov"><label for="r-1816">四川</label>
<a class="unfold" href="javascript:;" target="_self" for="r-51"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5101"><label for="r-5101">成都市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5103"><label for="r-5103">自贡市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5104"><label for="r-5104">攀枝花市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5105"><label for="r-5105">泸州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5106"><label for="r-5106">德阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5107"><label for="r-5107">绵阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5108"><label for="r-5108">广元市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5109"><label for="r-5109">遂宁市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5110"><label for="r-5110">内江市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5111"><label for="r-5111">乐山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5113"><label for="r-5113">南充市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5114"><label for="r-5114">眉山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5115"><label for="r-5115">宜宾市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5116"><label for="r-5116">广安市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5117"><label for="r-5117">达州市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5118"><label for="r-5118">雅安市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5119"><label for="r-5119">巴中市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5120"><label for="r-5120">资阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5132"><label for="r-5132">阿坝</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5133"><label for="r-5133">甘孜</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5134"><label for="r-5134">凉山</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-52" class="prov"><label for="r-1816">贵州</label>
<a class="unfold" href="javascript:;" target="_self" for="r-52"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5201"><label for="r-5201">贵阳市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5202"><label for="r-5202">六盘水市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5203"><label for="r-5203">遵义市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5204"><label for="r-5204">安顺市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5223"><label for="r-5223">黔西南</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5226"><label for="r-5226">黔东南</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5227"><label for="r-5227">黔南</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-53" class="prov"><label for="r-1816">云南</label>
<a class="unfold" href="javascript:;" target="_self" for="r-53"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5301"><label for="r-5301">昆明市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5303"><label for="r-5303">曲靖市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5304"><label for="r-5304">玉溪市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5305"><label for="r-5305">保山市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5306"><label for="r-5306">昭通市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5307"><label for="r-5307">丽江市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5308"><label for="r-5308">普洱市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5309"><label for="r-5309">临沧市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5323"><label for="r-5323">楚雄</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5325"><label for="r-5325">红河</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5326"><label for="r-5326">文山</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5328"><label for="r-5328">西双版纳</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5329"><label for="r-5329">大理</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5331"><label for="r-5331">德宏</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5333"><label for="r-5333">怒江</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5334"><label for="r-5334">迪庆</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-54" class="prov"><label for="r-1816">西藏</label>
<a class="unfold" href="javascript:;" target="_self" for="r-54"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5401"><label for="r-5401">拉萨市</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5421"><label for="r-5421">昌都地区</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5422"><label for="r-5422">山南地区</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5423"><label for="r-5423">日喀则地区</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5424"><label for="r-5424">那曲地区</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5425"><label for="r-5425">阿里地区</label></li>
<li data-info="cit" class="cit"><input type="checkbox" id="r-5426"><label for="r-5426">林芝地区</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
</dl>
</li>

<li>
<dl>
<dt data-info="dt"><input type="checkbox" id="r-db" class="reg"><label for="db">港澳台</label></dt>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-71" class="prov"><label for="r-1816">台湾</label>
<a class="unfold" href="javascript:;" target="_self" for="r-71"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-7101"><label for="r-7101">台湾省</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-81" class="prov"><label for="r-1816">香港</label>
<a class="unfold" href="javascript:;" target="_self" for="r-81"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-8101"><label for="r-8101">香港特别行政区</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
<dd data-info="dd">
<input type="checkbox" haschild="0" id="r-82" class="prov"><label for="r-1816">澳门</label>
<a class="unfold" href="javascript:;" target="_self" for="r-82"></a>
<div class="city">
<i class="line"></i>
<ul>
<li data-info="cit" class="cit"><input type="checkbox" id="r-8201"><label for="r-8201">澳门特别行政区</label></li>
</ul>
<div class="o">
<a href="javascript:;" class="btn-a2" action="close-city"><span class="go-ico-del"></span>
</a>
</div>
</div>
</dd>
</dl>
</li>

<li>
<dl>
<dt data-info="dt"><input type="checkbox" id="c-all" class="reg"><label for="db">全部</label></dt>
</dl>
</li>
</ul>
</div>
<div class="o">
<a class="fui-btn go-ico-del" action="cancel"></a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('#region-btn,.region-select').click(function() {
$('.region-wrapper').show();
$('.cont input').click(function() {
var input = $('.cont input');
var _this = $(this);
// 遍历所有 dt
if (_this.parent().attr('data-info') == "dt") {
if (_this.attr('id') == 'c-all') {
if (_this.prop('checked')) {
$('.cont input').prop('checked', true);
} else {
$('.cont input').prop('checked', false);
}
}
var dd = _this.parent().siblings('dd');
if (_this.prop('checked')) {
dd.find('input').prop('checked', true);
} else {
dd.find('input').prop('checked', false);
}
}
// 遍历所有 dd
if (_this.parent().attr('data-info') == "dd") {
if (_this.prop('checked')) {
_this.siblings('.city').find('input').prop('checked', 1);
} else {
_this.attr('hasChild', 0);
_this.siblings('.city').find('input').prop('checked', 0);
}
}
attrtext();
}
);
//  city 下拉按钮
$('.cont .unfold').click(function() {
var _this = $(this);
$('.cont dd').removeClass('light');
$('.cont .city').hide();
_this.parent('dd').toggleClass('light');
_this.siblings('.city').toggle();
}
);
// city close btn
$('.city .o .btn-a2').click(function() {
var _this = $(this);
_this.parents('.city').hide();
_this.parents("dd[data-info='dd']").removeClass('light');
}
);
$('.r-b .o .fui-btn').click(function() {
$('.region-wrapper').hide();
}
);
// 城市选择
$('.city input').click(function() {
var _this = $(this);
var city_len = _this.parents('ul').first().children().length;
var _thisInput = _this.parents('ul').eq(0).find('input');
var txt;
var t = [];
//  首先遍历
var $num = 0;
for (var i = 0; i < city_len; i++) {
if (_thisInput.eq(i).prop('checked')) {
txt = _thisInput.siblings('label').eq(i).text();
t.push(txt);
//         _this.parents("dd[data-info='dd']").attr('level2','I-in');
$num++;
}
}
if ($num == city_len) {
_this.parents('ul').first().parent().siblings('input').prop('checked', true);
} else {
_this.parents('ul').first().parent().siblings('input').prop('checked', false);
}
_this.parents('ul').first().parent().siblings('input').attr('hasChild', $num);
attrtext();

}
);

function attrtext() {
var level2 = $('.cont dd input').parent('dd');
var str1 = "";
var str2 = "";
var id1 = "";
var id2 = "";
var idarray = [];
var showjsonstr = "";
$('.region-select .item .region_val').val("");
for (var i = 0; i < level2.length; i++) {
if (level2.children('input').eq(i).prop('checked') == true) {
str1 += str1 ? ',' + level2.children('input').eq(i).siblings('label').text() : level2.children('input').eq(i).siblings('label').text();
var idreal = level2.children('input').eq(i).attr('id');
var iduse = idreal.substr(2, idreal.length);
id1 += id1 ? ',' + iduse : iduse;
showjsonstr += showjsonstr ? "," + '"' + iduse + '":[]' : '"' + iduse + '":[]';
idarray[iduse] = [];
//idarray.push(iduse);
} else if (parseInt(level2.eq(i).children('input').attr('hasChild')) > 0) {
var childLi = level2.eq(i).find('.city').children('ul').children('li');
var str3 = "";
var id3 = "";
var adduseid = level2.children('input').eq(i).attr('id');
var addiduse = adduseid.substr(2, adduseid.length);
var level3id = [];
var $use = 0;
idarray[addiduse] = [];
//idarray.push(addiduse);
var level3jsonvar = "";
for (var j = 0; j < childLi.length; j++) {
if (childLi.eq(j).children('input').prop('checked') == true) {
str3 += str3 ? ',' + childLi.eq(j).find('label').text() : childLi.eq(j).find('label').text();
var idreal3 = childLi.eq(j).find('input').attr('id');
var iduse3 = idreal3.substr(2, idreal3.length);
id3 += id3 ? ',' + iduse3 : iduse3;
level3jsonvar += level3jsonvar ? "," + '"' + iduse3 + '"' : '"' + iduse3 + '"';
level3id[$use] = iduse3;
$use++;
}
}
//idarray[addiduse]=level3id;
var $pro = level2.children('input').eq(i).siblings('label').text();
var $id = level2.children('input').eq(i).attr('id');
var level3jsonvar = level3jsonvar ? '[' + level3jsonvar + ']' : "";
showjsonstr += showjsonstr ? "," + '"' + addiduse + '":' + level3jsonvar : '"' + addiduse + '":' + level3jsonvar;
str2 += str2 ? ',' + $pro + "(" + str3 + ")" : $pro + "(" + str3 + ")";
id2 += id2 ? ',' + addiduse + "(" + id3 + ")" : addiduse + "(" + id3 + ")";
}
}
showjsonstr = showjsonstr ? "{" + showjsonstr + "}" : "";
var alltsr = str1 && str2 ? str1 + "," + str2 : str1 + str2;
var allid = id1 && id2 ? id1 + "," + id2 : id1 + id2;
$('.region-select li span').text(alltsr);
$('.region-select .item .region_val').val(showjsonstr);
fixHeight();
}
function fixHeight() {
var fixH = $('.region-select').innerHeight();
$('.region-wrapper').css({
'top': fixH
});
}

}
);
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理
标签：
相关文章推荐
新的分享
章节导航