通过开发人员工具检查页面中的所有复选框 [英] Check all Checkboxes in Page via Developer Tools

问题描述

我有一个在同一页面创建20个 复选框 的循环（它会创建不同的表单）。我希望通过 chrome开发人员工具 运行JavaScript，而无需使用任何 CHECK 所有

这是我得到的结果：

  function（）{
 var aa = document.getElementsByTagName（input）; 
 for（var i = 0; i  aa.elements [i] .checked = checked; 
 
 
  

PS：我搜索了很多问题在堆栈溢出但没有为我工作，我会很高兴，如果有人能找到我正确的答案。

解决方案

<$ p $ （函数（）{
var aa = document.getElementsByTagName（input）;
for（var i = 0; i< aa.length; i ++）{
if（aa [i] .type =='checkbox'）
aa [i] .checked = true;
}
}）（）

使用最新的浏览器可以使用document.querySelectorAll

 （function（）{
 var aa = document.querySelectorAll（input [type = checkbox]）; 
 for（var i = 0; i< aa.length; i ++）{
 aa [i] .checked = true ; 
} 
}）（）
  




I have a loop that creates 20 check-boxes in the same page (it creates different forms). I want via chrome developer tools to run a JavaScript without the use of any library that CHECK all check-boxes at the same time.

This is as far as I got:

function() {
    var aa= document.getElementsByTagName("input");
    for (var i =0; i < aa.length; i++){
     aa.elements[i].checked = checked;
    }
}

PS: I have searched and found a lot of Questions in Stack-Overflow but none worked for me, I'll be glad if someone could find me the correct answer.

解决方案

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

With up to date browsers can use document.querySelectorAll

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

这篇关于通过开发人员工具检查页面中的所有复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！