按javascript或控制台选择全部复选框

Question

我的网页上有100个复选框.出于测试目的,我想勾选所有这些框,但手动点击非常耗时.有没有办法让他们勾选？

也许是JavaScript或Chrome控制台窗口,什么？

Answer 1

最直接的方法是获取所有输入,只过滤掉复选框,然后设置checked属性.

var allInputs = document.getElementsByTagName("input");
for (var i = 0, max = allInputs.length; i < max; i++){
    if (allInputs[i].type === 'checkbox')
        allInputs[i].checked = true;
}

如果您碰巧使用jQuery - 我并不是说您应该开始只是勾选所有的复选框进行测试 - 您可以简单地做

$("input[type='checkbox']").prop("checked", true);

或正如Fabricio指出:

$(":checkbox").prop("checked", true);

Answer 2

纯JS方法,不要使用jQuery ..它只是愚蠢的东西如此琐碎.

[].forEach.call( document.querySelectorAll('input[type="checkbox"]'),function(el){
       el.checked=true;
     }
);?

现场演示

要在任何网页上使用它,您可以将其粘贴到地址栏中

javascript:[].forEach.call(document.querySelectorAll('input[type="checkbox"]'),function(el){el.checked=true});

然后将其拖到书签上,你就有了一个书签.只要您需要在页面上使用它,只需单击它.

Answer 3

querySelectorAll 如果您不想要 jQuery，那么这里是您的最佳选择！

var ele = document.querySelectorAll("input[type=checkbox]");
for(var i=0;i<ele.length;i++){
    ele[i].checked = true;
}
//Done.

Answer 4

通过使用jquery，就像那样简单

$('input:checkbox').each(function () {
   // alert(this);
   $(this).attr('checked', true);
  });

或者简单地使用

$('input:checkbox').prop('checked', true);// use the property

要么

 $('input:checkbox').attr('checked', true); // by using the attribute