javascript видаляє атрибут “disabled” із вводу html

Як я можу видалити атрибут "disabled" із вводу HTML за допомогою JavaScript?

<input id="edit" disabled>

у onClick я хочу, щоб мій тег введення не складався з атрибута "disabled".

Встановіть для disabledвластивості елемента значення false:

document.getElementById('my-input-id').disabled = false;

Якщо ви використовуєте jQuery, еквівалентом буде:

$('#my-input-id').prop('disabled', false);

Для кількох полів введення ви можете отримати доступ до них за класом:

var inputs = document.getElementsByClassName('my-input-class');
for(var i = 0; i < inputs.length; i++) {
    inputs[i].disabled = false;
}

documentНаприклад, де можна замінити форму, щоб знайти лише елементи всередині цієї форми. Ви також можете використовувати, getElementsByTagName('input')щоб отримати всі вхідні елементи. forПотім у вашій ітерації вам доведеться це перевірити inputs[i].type == 'text'.

Чому б просто не видалити цей атрибут?

1. ванільний JS: elem.removeAttribute('disabled')
2. jQuery: elem.removeAttr('disabled')

Щоб встановити значення disabledfalse за допомогою nameвластивості вводу:

document.myForm.myInputName.disabled = false;

Найкраща відповідь - це просто removeAttribute

element.removeAttribute("disabled");

method 1 <input type="text" onclick="this.disabled=false;" disabled>
<hr>
method 2 <input type="text" onclick="this.removeAttribute('disabled');" disabled>
<hr>
method 3 <input type="text" onclick="this.removeAttribute('readonly');" readonly>

код попередніх відповідей, здається, не працює у вбудованому режимі, але є обхідне рішення: метод 3.

див. демонстрацію https://jsfiddle.net/eliz82/xqzccdfg/