¿Cómo eliminar el atributo "deshabilitado" usando jQuery?

Tengo que deshabilitar las entradas al principio y luego al hacer clic en un enlace para habilitarlas.

Esto es lo que he intentado hasta ahora, pero no funciona.

HTML:

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

jQuery:

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

Esto me muestra truey luego, falsepero nada cambia para las entradas:

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

Siempre use elprop() método para habilitar o deshabilitar elementos cuando use jQuery (vea a continuación por qué).

En su caso, sería:

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

Ejemplo de jsFiddle aquí.

¿Por qué usar prop()cuando podrías usar attr()/ removeAttr()para hacer esto?

Básicamente, prop()se debe utilizar cuando obtener o establecer propiedades (como autoplay, checked, disabledy required, entre otros).

Al usar removeAttr(), está eliminando completamente el disabledatributo en sí mismo, mientras prop()que simplemente está configurando el valor booleano subyacente de la propiedad en falso.

Si bien lo que desea hacer se puede hacer con attr()/ removeAttr(), no significa que se deba hacer (y puede causar un comportamiento extraño / problemático, como en este caso).

Los siguientes extractos (tomados de la documentación de jQuery para prop () ) explican estos puntos con mayor detalle:

"La diferencia entre atributos y propiedades puede ser importante en situaciones específicas. Antes de jQuery 1.6, el .attr()método a veces tomaba en cuenta los valores de propiedad al recuperar algunos atributos, lo que podría causar un comportamiento inconsistente. A partir de jQuery 1.6, el .prop() método proporciona una forma de recuperar explícitamente valores de propiedad, mientras .attr()recupera atributos ".

"Las propiedades generalmente afectan el estado dinámico de un elemento DOM sin cambiar el atributo HTML serializado. Los ejemplos incluyen la value propiedad de los elementos de entrada, la disabledpropiedad de las entradas y los botones, o la checkedpropiedad de una casilla de verificación. El .prop()método debe usarse para establecer disabledy checkedno el .attr() método. El .val()método debe usarse para obtener y configurar 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 eliminar el uso de atributos deshabilitados,

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

y para agregar el uso de atributos deshabilitados,

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

Disfruta :)

Usar así,

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

Creo que está intentando alternar el estado deshabilitado, en caso de que deba usar esto (de esta pregunta ):

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

Aquí hay un violín que funciona.

Pensé que esto puede configurar fácilmente

$(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 fue el único código que funcionó para mí:

element.removeProp('disabled')

Tenga en cuenta que es removePropy no removeAttr.

Estoy usando jQuery 2.1.3aqui

2018, sin JQuery

Sé que la pregunta es sobre JQuery: esta respuesta es solo para su información.

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

Esta pregunta menciona específicamente jQuery, pero si está buscando lograr esto sin jQuery, el equivalente en JavaScript vainilla es:

elem.removeAttribute('disabled');