Как убрать атрибут disabled у формы?

Question

[Mikhail Rerberg]

Всем привет!
Задача,которая стоит передо мной стоит: При нажатии на кнопку,атрибут disabled у fieldset должен убираться. Я использую очевидное решение,но не работает,вот это и вводит меня в ступор.
Код: https://jsfiddle.net/g1hxfcdm/5/

Заранее спасибо.

Answer 1

[Антон]

Конкретно для одного fieldset правильно так:

var allFieldsets = document.querySelectorAll('fieldset')[0]
// <fieldset class="form__element">…</fieldset>

Это потому что вы в ответ получаете массив:

var allFieldsets = document.querySelectorAll('fieldset')
// NodeList [<fieldset class="form__element">]

А это полностью рабочий ваш пример: https://jsfiddle.net/g1hxfcdm/15/

Полезные ссылки:
https://developer.mozilla.org/ru/docs/Web/API/Docu...
https://developer.mozilla.org/ru/docs/Web/API/NodeList

Comments

[Mikhail Rerberg]

Не прокатило,все равно не откликается.

[Антон]

Mikhail, https://jsfiddle.net/g1hxfcdm/15/

[Антон]

Mikhail, этот вариант точно рабочий. Вы неправильно кнопку получали.

[Mikhail Rerberg]

Антон, Помогло,благодарю!

[Антон]

Mikhail, рад был помочь.

Answer 2

[Stalker_RED]

Две ошибки:
1. кнопки нет
2. querySelectorAll возвращает NodeList, и у него нет метода removeAttribute

var mainPin = document.querySelector('button');
var allFieldsets = document.querySelector('fieldset'); // вместо querySelectorAll

mainPin.addEventListener('mouseup', function () {
  allFieldsets.removeAttribute('disabled');
});

вот это и вводит меня в ступор

В любой непонятной ситуации смотрите логи. в данном случае f12, чтобы открыть консоль, и там красненьким ошибки.

Comments

[Mikhail Rerberg]

Я просто не добавил в fiddle кнопку,косяк.
У меня несколько этих полей,поэтому я использовал querySelectorAll,это тоже обновил в фиддле

[Stalker_RED]

Mikhail, и все должны разблокироваться одной кнопкой?

[...allFieldsets].forEach(fieldset=>fieldset.removeAttribute('disabled'))

Answer 3

[0xD34F]

const form = document.querySelector('form');

document.querySelector('button').addEventListener('click', () => {
  form.querySelectorAll('fieldset').forEach(n => n.disabled = false);

  // или

  for (const n of form.getElementsByTagName('fieldset')) {
    n.removeAttribute('disabled');
  }

  // или

  for (let i = 0; i < form.elements.length; i++) {
    if (form.elements[i].tagName === 'FIELDSET') {
      form.elements[i].attributes.removeNamedItem('disabled');
    }
  }
});