使用SelectAll按钮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

使用document.querySelectorAll

document.getElementById("blockSelectAll").onclick = function(){
    var checkboxes = document.querySelectorAll('input[type=checkbox]');

    for(var i=0; i<checkboxes.length; i++){
        checkboxes[i].checked = true;
    }
};

Answer 2

<script language="JavaScript">
function checker() {
     checkboxes = document.getElementsByTagName('input');
     for each(var checkbox in checkboxes)
          checkbox.checked = true;
}
</script>
<div id="blocked_list_add_website_help_text">
    <button type="button" id="blockSelectAll" class="secondary" onclick=checker() >Select All</button>
</div>
<input type="checkbox" value="box1" />Box1
<input type="checkbox" value="box2" />Box2
<input type="checkbox" value="box3" />Box3