<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function () {
// h獲取元素
var list = document.getElementById('list');
var inputs = list.getElementsByTagName('input');
var ret = document.getElementById('ret');
var ok = document.getElementById('ok');
// 添加按鈕點擊事件
ok.onclick = function () {
var i = 0,
len = inputs.length,
checked = 0;
// 遍歷所有的勾選框，計算出已選總數,存放在變量checked
while(i < len) {
}
//根據checked值更新結果
}
}
</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>
