Como remover o atributo "desativado" usando o jQuery?

Preciso desabilitar as entradas primeiro e depois clicar no link para habilitá-las.

Isto é o que eu tentei até agora, mas não funciona.

HTML:

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

jQuery:

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

Isso me mostra truee, em seguida, falsemas nada muda para as entradas:

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

Sempre use o prop()método para ativar ou desativar elementos ao usar o jQuery (veja abaixo o porquê).

No seu caso, seria:

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

Exemplo de jsFiddle aqui.

Por que usar prop()quando você pode usar attr()/ removeAttr()para fazer isso?

Basicamente, prop()deve ser usado quando obter ou definir propriedades (como autoplay, checked, disablede requiredentre outros).

Ao usar removeAttr(), você remove completamente o disabledpróprio atributo - enquanto prop()apenas define o valor booleano subjacente da propriedade como false.

Embora o que você queira fazer possa ser feito usando attr()/ removeAttr(), isso não significa que deve ser feito (e pode causar um comportamento estranho / problemático, como neste caso).

As seguintes extrações (extraídas da documentação do jQuery para prop () ) explicam esses pontos com mais detalhes:

"A diferença entre atributos e propriedades pode ser importante em situações específicas. Antes do jQuery 1.6, o .attr()método às vezes considerava os valores das propriedades ao recuperar alguns atributos, o que poderia causar comportamento inconsistente. A partir do jQuery 1.6, o .prop() método fornece uma maneira de recuperar explicitamente valores da propriedade, enquanto .attr()recupera atributos ".

"As propriedades geralmente afetam o estado dinâmico de um elemento DOM sem alterar o atributo HTML serializado. Os exemplos incluem a value propriedade de elementos de entrada, a disabledpropriedade de entradas e botões ou a checkedpropriedade de uma caixa de seleção. O .prop()método deve ser usado para definir disablede em checkedvez de o .attr() método. o .val()método deve ser usado para obter e definir 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/

para remover o uso de atributo desativado,

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

e para adicionar o uso de atributo desativado,

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

Desfrutar :)

Use assim,

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
 });

Eu acho que você está tentando alternar o estado desativado, no caso de bruxa, você deve usar este ( desta pergunta ):

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

Aqui está um violino de trabalho.

Pensei que você pode configurar facilmente

$(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);   
        }
    }
 );
});

Este foi o único código que funcionou para mim:

element.removeProp('disabled')

Note que é removePrope não removeAttr.

Estou usando jQuery 2.1.3aqui.

2018, sem JQuery

Eu sei que a pergunta é sobre JQuery: esta resposta é apenas para sua informação.

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

Esta pergunta menciona especificamente o jQuery, mas se você deseja fazer isso sem o jQuery, o equivalente no JavaScript vanilla é:

elem.removeAttribute('disabled');