javascript实现的仿51job地址多项选择方式效果

(编辑：jimmy 日期: 2026/8/26 浏览：3 次 )

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>类似51job效果的地址选择</title> <style type="text/css">  </style> </head> <body>  <input name="button" type="button" class="bton pointer" value="请选择" onclick="openBg(1);openSelect(1)"/>   <h2>您已选择的城市汇总</h2>          <h2 class="left">请选择城市</h2> [取消] [确定]     <select name="" onchange="showSelect(this.value)" style="margin-bottom:10px;"> <option value="0">第0层</option> <option value="1">第1层</option> <option value="2">第2层</option> <option value="3">第3层</option> </select>  <input type="checkbox" name="ck00" onclick="addPreItem()" value="北京"/>北京 <input type="checkbox" name="ck00" onclick="addPreItem()" value="福建"/>福建 <input type="checkbox" name="ck00" onclick="addPreItem()" value="四川"/>四川 <input type="checkbox" name="ck00" onclick="addPreItem()" value="江苏"/>江苏   <input type="checkbox" name="ck01" onclick="addPreItem()" value="上海"/>上海 <input type="checkbox" name="ck01" onclick="addPreItem()" value="云南"/>云南 <input type="checkbox" name="ck01" onclick="addPreItem()" value="贵州"/>贵州   <input type="checkbox" name="ck01" onclick="addPreItem()" value="黑龙江"/>黑龙江 <input type="checkbox" name="ck01" onclick="addPreItem()" value="吉林"/>吉林 <input type="checkbox" name="ck01" onclick="addPreItem()" value="辽宁"/>辽宁   <input type="checkbox" name="ck01" onclick="addPreItem()" value="美国"/>美国 <input type="checkbox" name="ck01" onclick="addPreItem()" value="阿富汗"/>阿富汗 <input type="checkbox" name="ck01" onclick="addPreItem()" value="日本"/>日本      <h2>您已选择的城市</h2>       </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：jQuery 渐变下拉菜单
下一篇：javascript 日期联动选择器 [其中的一些代码值得学习]