Проверьте все флажки на странице через инструменты разработчика

У меня есть цикл, который создает 20 флажков на той же странице (он создает разные формы). Я хочу, чтобы с помощью инструментов разработчика Chrome запускался JavaScript без использования какой-либо библиотеки, которая ПРОВЕРИТЬ все флажки одновременно.

Это до тех пор, пока я не получил:

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

PS: Я искал и нашел много вопросов в Stack-Overflow, но никто не работал у меня, я буду рад, если кто-нибудь найдет мне правильный ответ.

Ответы

Ответ 1

(function() {
    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;
    }
})()

Ответ 2

В средствах Console Dev Tools (F12) вы можете использовать селектор запросов, используя код javascript или jQuery.

'$$' - означает выбор всех элементов. Если вы используете '$', вы получите только первый элемент.

Итак, чтобы выбрать все флажки, вы можете выполнить следующие

$$('input').map(i => i.checked = true)

или

$$('input[type="checkbox"').map(i => i.checked = true)

Ответ 3

У вас это почти правильно. Просто используйте

aa[i].checked = "checked";

внутри цикла.

А именно, вам нужно убедиться, что:

  • "checked" - это строка, а не идентификатор переменной, и
  • вы указываете непосредственно на aa, а не aa.elements, который не существует

Ответ 4

Если вы здесь для быстрого однострочного интерфейса:

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

Ответ 5

Попробуйте setAttribute.

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

Изменить: добавлены парсеры для немедленного выполнения функции.

Ответ 6

Попробуйте следующее:)

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

    //convert nodelist to array
    checkboxes = Array.prototype.slice.call(checkboxes);
    checkboxes.forEach(function (checkbox) {
        console.log(checkbox);
        checkbox.setAttribute('checked', true);
    });

})()

http://jsfiddle.net/YxUHw/

Ответ 7

Функция Javascript для переключения (check/uncheck) все.

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

Если вы хотите это из инструментов разработчика, удалите параметр функции и поместите значение "true" или "false" вместо "bx. проверено"