<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
var list = document.getElementById("list");
var inputs = document.getElementsByTagName("input");
var ok = document.getElementById("ok");
var ret = document.getElementById("ret");
ok.onclick = function(){
var count = 0;
for(var i = 0;i< inputs.length;i++){
if(inputs[i].checked){
count ++;
}
}
if(count > 0){
ret.innerHTML = "已经选择"+count;
ret.style.display = 'block';
}
else{
ret.innerHTML = " ";
ret.style.display = none;
}
}
}
</script>
</head>
<body>
<ul id="list">
<li><label><input type="checkbox"/>1</label></li>
<li><label><input type="checkbox"/>2</label></li>
<li><label><input type="checkbox"/>3</label></li>
<li><label><input type="checkbox"/>4</label></li>
<li><label><input type="checkbox"/>5</label></li>
</ul>
<button id="ok">确定</button>
<p id="ret" style="display: none"></p>
</body>
</html>