想要“选中/取消选中”选择所有框

Question

var elems = tab.getElementsByTagName("input");
for (var i = 0; i < 9; i++) {
    if (elems[i].type == "checkbox") {
        elems[i].checked = true;
    }
}

可以“选中”选中所有框，但不会取消选中“取消选中”。

Answer 1

您可以创建一个主复选框：

<input type="checkbox" id="checkAll" />

为所有其他复选框提供通用类，例如cb

document.getElementById("checkAll").onchange = function() {
    var elems = document.getElementsByClassName("cb");
    for (var i = 0; i < elems.length; i++) {
        elems[i].checked = this.checked;
    }
}

演示：http://jsfiddle.net/3Sunk/1/

Answer 2

尝试：

elems[i].checked = this.checked;

而不是

elems[i].checked = true;