Как удалить атрибут «отключен» с помощью 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: этот ответ только к вашему сведению.

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

В этом вопросе конкретно упоминается jQuery, но если вы хотите выполнить это без jQuery, эквивалент в vanilla JavaScript:

elem.removeAttribute('disabled');