javascript - 使用 JavaScript 的全选按钮

Question

我有以下代码。我想选中按钮单击时的所有复选框。如何仅使用 JavaScript 来执行此操作？

<div id="blocked_list_add_website_help_text">
    <button type="button" id="blockSelectAll" class="secondary">Select All</button>
</div>
<input type="checkbox" value="box1" />Box1
<input type="checkbox" value="box2" />Box2
<input type="checkbox" value="box3" />Box3

Answer 1

纯JS:

document.getElementById("blockSelectAll").onclick = function() {
    var inputs = document.getElementsByTagName("input");
    for(var i = 0; i < inputs.length; i++) {
        if(inputs[i].type == "checkbox") {
            inputs[i].checked = true;
        }
    }
}

Working fiddle