0

Суть задачи в том что на странице есть куча инпутов. Их по ТегНейму нужно сделать выключенными. Конструкция getElementsByTagName('input').setAttribute('disabled', 'disabled') не работает - вылазит ошибка. Но вот самое интересное что через ById работает, но очень не практично прописывать везде идишки. Подскажите пожалуйста что не так?

function check_disable(){
  var block_input = document.getElementsByTagName('input').setAttribute('disabled', 'disabled');
}
<div class="answer">
		<div class="left">
		 <input type="radio" name="a2" id="right1">1 вариант ответа<br/>
		 <input type="radio" name="a2">2 вариант ответа<br/>
		</div>
		<div class="right">
		 <input type="radio" name="a2">3 вариант ответа<br/>
		 <input type="radio" name="a2">4 вариант ответа<br/>
		</div>

	</div>
  
  <button onclick="check_disable()">Check disable</button>

9
  • getElementsByClassName('anwser') возвращает набор дом елементов, а setAttribute это функция дом елемента, по этому и дает ошибку, вам нужно по етой колекции пройтись циклом и поставить дизейбл каждому инпуту отдельно, например так : [...document.getElementsByTagName('input')].forEach(i => i.setAttribute('disabled', 'disabled')); Commented 18 мая 2019 в 19:16
  • упс* там должно было быть не классНейм а тэгНейм. Сейчас попробую Ваш код. отпишусь Commented 18 мая 2019 в 19:20
  • Я либо неправильно пишу, либо чет не то( Commented 18 мая 2019 в 19:24
  • ошибки в консоле есть ? Commented 18 мая 2019 в 19:25
  • prntscr.com/nqb6ap держите. Вопросик по квадратным скобочкам, я немного не понял как они должны стоять Commented 18 мая 2019 в 19:27

1 ответ 1

1
var bubu = ['moo', 'kuku', 1529, 'doo']; 

Вот эта фигня называется массив... А элементы массива можно получить так:

bubu[0] // = 'moo'
bubu[1] // = 'kuku'
bubu[2] // = 1529
bubu[3] // = 'doo'

Если вы записали

var bubu = document.getElementsByTagName('input');

Оно "За кулисами" берет и пихает все найденные элементы в массив. Чьи элементы ровно также можно будет получить по номеру. bubu[0] - будет первый такой тег на странице, bubu[1] - второй и т.п.

Поэтому если хочется вырубить все инпуты, нужно пройтись по всем номерам, например так:

function check_disable(){
  let bubu = document.getElementsByTagName('input');
  for( let i = 0; i < bubu.length; i++ ){
    bubu[i].setAttribute('disabled', 'disabled');
    //Или bubu[i].disabled = true;
  }
}

Цикл for берет и кругами выполняет всё, что написано внутри... на первом круге i = 0, на втором круге i = 1 и т.д., перебрав все элементы.


А в комментарии выше:

[...document.getElementsByTagName('input')]

Взят пустой массив [] - в который через троеточие можно сверху напихать элементы какого-нибудь другого массива (в данном случае, найденные элементы input). Подобная запись просто короче.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.