1
2
3
4
5
6
7
8
9
10
11
<input type="checkbox" id="btn">全选
<div id="box">
    <input type="checkbox">
    <input type="checkbox">
    <input type="checkbox">
    <input type="checkbox">
    <input type="checkbox">
    <input type="checkbox">
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

全选


    
    
    
    
    
    

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
window.onload = function() {
    var oBtn = document.getElementById('btn');
    var oBox = document.getElementById('box');
    var aInput = oBox.getElementsByTagName('input');
    oBtn.onclick = function() {
        for (var i = 0; i < aInput.length; i++) {
            if (this.checked) {
                aInput[i].checked = this.checked;
            };
        }
    };
    for (var i = 0; i < aInput.length; i++) {
        aInput[i].onclick = function() {
            var check = true;
            for (var i = 0; i < aInput.length; i++) {
                if (aInput[i].checked == false) {
                    check = false;
                }
            };
            oBtn.checked = check;
        };
    }
};
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX