<html>
<head>
<meta charset=utf-8>
<title>test</title>
<style>
a {
cursor: pointer
font-size: 14px
text-decoration: none
}
#GG {
width: 400px
height: 200px
border: 1px solid black
padding: 18px
display: none
}
</style>
<script>
window.onload = function() {
CC.onclick = function() {
var dis = GG.currentStyle ? GG.currentStyle.display : getComputedStyle(GG, false).display
GG.style.display = dis != "none" ? "none" : "block"
}
var as = GG.getElementsByTagName("a")
for (var i = 0 i < as.length i++) {
as[i].onclick = function() {
CC.innerHTML = this.innerHTML
GG.style.display = "none"
}
}
}
</script>
</head>
<body>
<button id="CC">DD</button>
<div id="GG"> <a href="###">
罗湖区
</a>
<a href="###">
福田区
</a>
<a href="###">
南山区
</a>
<a href="###">
宝安区
</a>
</div>
</body>
</html>
把函数值留一个 改成传参的方式function on_hide(num){
document.getElementById("suanfa"+num).style.display = (document.getElementById("times"+num).checked == true) ? "block" : "none"
}
<label><input type="checkbox" value="hours" id="times1" onclick="on_hide(1)"/>时</label>
<label><input type="checkbox" value="day" id="times2" onclick="on_hide(2)"/>日 </label>
<label><input type="checkbox" value="week" id="times3" onclick="on_hide(3)"/>周 </label>
<label><input type="checkbox" value="month" id="times4" onclick="on_hide(4)"/>月 </label>
<label><input type="checkbox" value="season" id="times5" onclick="on_hide(5)"/>季 </label>
HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
HTML是用来标记Web信息如何展示以及其他特性的一种语法规则，它最初于1989年由CERN的Tim Berners-Lee发明。HTML基于更古老一些的语言SGML定义，并简化了其中的语言元素。这些元素用于告诉浏览器如何在用户的屏幕上展示数据，所以很早就得到各个Web浏览器厂商的支持。
参考资料：百度百科-HTML
