Как удалить атрибут disabled js

Как удалить атрибут disabled у button?

Доброго времени суток, подскажите как удалить атрибут disabled в данном случае?

Continue

мои попытки не увенчались успехом:

document.getElementsByTagName('button')[0].removeAttribute('disabled'); document.getElementsByTagName("slds-button slds-button_stretch slds-col slds-button_brand").removeAttribute('disabled'); document.getElementsByClassName("slds-button slds-button_stretch slds-col slds-button_brand").removeAttribute('disabled'); document.getElementsByClassName("slds-button slds-button_stretch slds-col slds-button_brand").disabled = false;

• Вопрос задан более двух лет назад
• 525 просмотров

2 комментария

Простой 2 комментария

Fozzy777 @Fozzy777 Автор вопроса

Вот, пытался, не получается(

Используйте console.log( document.querySelector(‘button’) );
И откройте консоль в браузере.
Чтобы понять что то, что выбирается в селекторе, это не тот элемент что вам нужен.
Значит нужно в селектор добавить доп условия:

console.log( document.querySelector('button') ); var disabledbutton = document.querySelector('button[title="Continue"]'); disabledbutton.disabled = false;

Решения вопроса 0
Ответы на вопрос 3
Нелинейный наставник

Вы ищете несколько элементов а не 1
Не работает тк как вы не можете применить к масиву «.disabled»
document.querySelector(‘button’).disabled = false

Ответ написан более двух лет назад
Комментировать
Нравится 2 Комментировать

В целом ответ вам дан, добавлю что если вы не хотите делать перебор массива, то можете воспользоваться jquery:

$("button .slds-button") .prop( "disabled", false );

В большинстве конструкторов/движков он уже встроен.
Ответ написан более двух лет назад
Комментировать
Нравится Комментировать

ThunderCat @ThunderCat Куратор тега JavaScript

Во первых — вы изначально дали неверные данные в вопросе, и несмотря на наличие верного ответа на него не смогли адаптировать его к полному коду.
Во вторых — всегда есть возможность проверить что происходит в вашем коде, например что выберет ваш селектор, магия console.log() в действии.
Ну и в третьих — чтение документации, которым вы пренебрегаете — document.querySelector() выбирает один первый подходящий элемент, которым в вашем примере будет совсем другая кнопка.

Атрибут disabled в JavaScript

В HTML существуют специальные атрибуты без значений, например, атрибут disabled , используемый для блокировки элементов. Для того, чтобы установить такой атрибут, соответствующему свойству требуется присвоить значение true , а чтобы убрать — значение false .

Давайте посмотрим на практике. Пусть у нас есть заблокированый инпут:

Давайте выведем значение атрибута disabled этого инпута:

let elem = document.querySelector(‘#elem’); console.log(elem.disabled); // выведет true

А теперь давайте отблокируем его:

let elem = document.querySelector(‘#elem’); elem.disabled = false;

Дан инпут и кнопка. По нажатию на кнопку заблокируйте инпут.

Дан инпут и две кнопки. Пусть нажатие на первую кнопку блокирует инпут, а нажатие на вторую — отблокирует.

Дан инпут и кнопка. По нажатию на кнопку узнайте, заблокирован инпут или нет.

javascript удаляет атрибут «disabled» из ввода html

Где document можно заменить на форму, например, чтобы найти только элементы внутри этой формы. Вы также можете использовать getElementsByTagName(‘input’) для получения всех элементов ввода. В вашей итерации for вам нужно будет проверить, что inputs[i].type == ‘text’ .

Поделиться 30 июля 2012 в 10:50

1. Vanilla JS работает в любом основном браузере: elem.removeAttribute(‘disabled’) Документация
2. jQuery: elem.removeAttr(‘disabled’)

Поделиться 31 марта 2015 в 13:40

Лучший ответ — просто удалитьAttribute

element.removeAttribute("disabled"); 

Поделиться 01 июня 2020 в 11:07

Чтобы установить disabled на false, используя свойство name ввода:

document.myForm.myInputName.disabled = false; 

Поделиться 08 июня 2013 в 13:19

Если вы используете jQuery, вы можете удалить атрибут disabled, установив его в значение «false»:

$("#input-id").attr("disabled", false) 

Поделиться 19 января 2022 в 14:25

method 1  
method 2  
method 3

Код предыдущих ответов, кажется, не работает в режиме встроенного режима, но есть обходное решение: метод 3.

Как удалить атрибут «disabled» на неактивном элементе при нажатии на него?

Но, так не выйдет, ибо я кликаю на отключённый input. Какие есть выходы?

Отслеживать

5,264 1 1 золотой знак 18 18 серебряных знаков 36 36 бронзовых знаков

задан 2 июн 2018 в 18:11

Eugen Eray Eugen Eray

1,196 2 2 золотых знака 14 14 серебряных знаков 31 31 бронзовый знак

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

Вот так можно сделать:

var inPut = document.querySelector("input"); inPut.setAttribute("disabled", "true"); document.onclick = function(e) < if(e.target == inPut) < inPut.removeAttribute("disabled"); inPut.focus(); >else inPut.setAttribute("disabled", "true"); >;

Если нажать на input , то он станет активным, а если мимо, то снова заблокированным.