Поставить chechbox и активировать кнопку через консоль браузера

Question

Подскажите пожалуйста как через консоль браузера поставить галочку и тем самым разблокировать кнопку? Желательно конечно так же и нажать данную кнопку.

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

Данный код только ставит галочку, но кнопку не разблокирует.

<br />
<input type="checkbox" name="agree" value="check" id="agree" onclick="checkAgree(this)" />
Я прочитал и согласен с
<u>
  <a href="../rules/">
    <span style="color:#0000ff;">
      Правилами
    </span>
  </a>
</u>.
<br />
<input disabled="" type="submit" name="circles" value="Заказать" />

Галочка не стоит:

<input type="submit" name="circles" value="Заказать" disabled="">

Галочка стоит:

<input type="submit" name="circles" value="Заказать">

Answer 1

Array.from(document.querySelectorAll('input')).forEach(input => {

  if (input.type == 'checkbox') {
  
    input.checked = true;
    input.click();
  }
  
  
  if (input.type == 'submit') {
  
    input.removeAttribute('disabled');
  }
  
});





function checkAgree(e) {

  console.log('Agree:', e);
}

<br />
<input type="checkbox" name="agree" value="check" id="agree" onclick="checkAgree(this)" />
Я прочитал и согласен с
<u>
  <a href="../rules/">
    <span style="color:#0000ff;">
      Правилами
    </span>
  </a>
</u>.
<br />
<input disabled="" type="submit" name="circles" value="Заказать" />

Исходя из вопроса ничего не понятно.

Если нужна кнопка, то вместо <input type='submit'> лучше использовать кнопку <button>
Значениe атрибута не обязательно указывать disabled="", можно просто disabled
Такие методы как getElementsById, getElementsByClassName, getElementsByTagName и т.д. устарели. Лучше всего использовать element.querySelector('#id'), element.querySelector('.className') и element.querySelector('tag') или element.querySelectorAll('input') для множества.

let checkboxes = Array.from(document.querySelectorAll('input[type=checkbox]'));
let buttons = Array.from(document.querySelectorAll('button'));



checkboxes.forEach(input => input.checked = true);



buttons.forEach(button => {

  button.removeAttribute('disabled');
  button.click();
});



function checkAgree(button) {

  console.log('Agree:', button);
}

<input type='checkbox'>
<span>Я прочитал и согласен с <a href='../rules/' style='color: #0000ff; text-decoration: none;'>Правилами</a></span><br><br>
<button onclick='checkAgree(this)' disabled>Заказать</button>

БЛОГ НА HUSL

Поставить chechbox и активировать кнопку через консоль браузера

Ответы (1 шт):