javascript - 想让“选中/取消选中”全选框

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;