Як видалити атрибут "вимкнено" за допомогою jQuery?

Мені потрібно спочатку вимкнути введення, а потім натиснути посилання, щоб увімкнути їх.

Це те, що я намагався поки що, але це не працює.

HTML:

<input type="text" disabled="disabled" class="inputDisabled" value="">

jQuery:

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').removeAttr("disabled")
});

Це показує мені, trueа потім, falseале нічого не змінюється для входів:

$("#edit").click(function(event){
   alert('');
   event.preventDefault();
   alert($('.inputDisabled').attr('disabled'));
   $('.inputDisabled').removeAttr("disabled");
   alert($('.inputDisabled').attr('disabled'));
});

Завжди використовуйте prop()метод, щоб увімкнути або вимкнути елементи під час використання jQuery (див. Нижче, чому).

У вашому випадку це було б:

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').prop("disabled", false); // Element(s) are now enabled.
});

Приклад jsFiddle тут.

Навіщо використовувати, prop()коли ви могли використовувати attr()/ removeAttr()робити це?

В принципі, prop()повинні бути використані при отриманні або настройки властивостей (таких , як autoplay, checked, disabledі requiredсеред інших).

Використовуючи removeAttr(), ви повністю видаляєте сам disabledатрибут - в той час prop()як лише встановлюєте булінове значення властивості значення false.

Хоча те, що ви хочете зробити, можна зробити за допомогою attr()/ removeAttr(), це не означає, що це слід робити (і може спричинити дивну / проблемну поведінку, як у цьому випадку).

Наступні витяги (взяті з документації jQuery для prop () ) детальніше пояснюють ці моменти:

"Різниця між атрибутами та властивостями може бути важливою у конкретних ситуаціях. Перед jQuery 1.6 .attr()метод іноді враховував значення властивостей під час отримання деяких атрибутів, що може спричинити непослідовність поведінки. Що стосується jQuery 1.6, .prop() метод забезпечує спосіб явного пошуку. значення властивостей, .attr()отримуючи атрибути. "

"Властивості, як правило, впливають на динамічний стан елемента DOM, не змінюючи серіалізований атрибут HTML. Приклади включають value властивість елементів введення, disabledвластивість входів та кнопок або checkedвластивість прапорця. .prop()Метод слід використовувати для встановлення, disabledа checkedне для нього .attr() метод. .val()метод повинен бути використаний для отримання та установки value«.

<input type="text" disabled="disabled" class="inputDisabled" value="">
​<button id="edit">Edit</button>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

$("#edit").click(function(event){
    event.preventDefault();
    $('.inputDisabled').removeAttr("disabled")
});​

http://jsfiddle.net/ZwHfY/

щоб видалити відключене використання атрибутів,

 $("#elementID").removeAttr('disabled');

і додати використання відключеного атрибута,

$("#elementID").prop("disabled", true);

Насолоджуйтесь :)

Використовуйте так,

HTML:

<input type="text" disabled="disabled" class="inputDisabled" value="">

<div id="edit">edit</div>

JS:

 $('#edit').click(function(){ // click to
            $('.inputDisabled').attr('disabled',false); // removing disabled in this class
 });

Я думаю, що ви намагаєтесь переключити відключений стан, у випадку відьом вам слід скористатися цим (з цього питання ):

$(".inputDisabled").prop('disabled', function (_, val) { return ! val; });

Ось робоча скрипка.

Думаючи, що це можна легко налаштувати

$(function(){
$("input[name^=radio_share]").click
(
    function()
    {
        if($(this).attr("id")=="radio_share_dependent")
        {
            $(".share_dependent_block input, .share_dependent_block select").prop("disabled",false);   
        }
        else
        {
            $(".share_dependent_block input, .share_dependent_block select").prop("disabled",true);   
        }
    }
 );
});

Це єдиний код, який працював для мене:

element.removeProp('disabled')

Зауважте, що це removePropі ні removeAttr.

Я jQuery 2.1.3тут використовую .

2018, без JQuery

Я знаю, що питання стосується JQuery: ця відповідь - просто FYI.

document.getElementById('edit').addEventListener(event => {
    event.preventDefault();
    [...document.querySelectorAll('.inputDisabled')].map(e => e.disabled = false);
}); 

Це питання спеціально згадує jQuery, але якщо ви хочете виконати це без jQuery, еквівалент JavaScript у ванілі:

elem.removeAttribute('disabled');