Check all Checkboxes in Page via Developer Tools
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.
Solution 1:
(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;
}
})()
Solution 2:
From Console Dev Tools (F12) you can use query selector as you use in javascript or jQuery code.
'$$' - means select all items. If you use '$' instead you will get only first item.
So in order to select all checkboxes you can do following
$$('input').map(i => i.checked = true)
or
$$('input[type="checkbox"').map(i => i.checked = true)