运行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div>
<h3>选择你的爱好 : </h3>
<ul >
<li ><input value="音乐" type="checkbox">音乐</li>
<li ><input value="登山" type="checkbox">登山</li>
<li><input value="游泳" type="checkbox">游泳</li>
<li><input value="阅读" type="checkbox">阅读</li>
<li><input value="打球" type="checkbox">打球</li>
<li><input value="跑步" type="checkbox">跑步</li>
<li><input value="其他" type="checkbox">其他</li>
</ul>
<hr />
<ul>
<li><input type="button" onclick="showHobby()" value="查看我选择的爱好"/></li>
</ul>
</div>
<div id="text">
</div>
<script>
function showHobby(){
var input = document.getElementsByTagName("input");
var arr = [];
for (var k in input){
if (input[k].checked){
arr.push(input[k].value+"</br>");
var user = document.getElementById("text");
user.innerHTML=arr.join("");
}
}
}
</script>
</body>
</html>