Come rimuovere l'attributo "disabilitato" usando jQuery?

Devo prima disabilitare gli input e poi fare clic su un link per abilitarli.

Questo è quello che ho provato finora, ma non funziona.

HTML:

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

jQuery:

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

Questo mi mostra truee poi falsenon cambia nulla per gli input:

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

Utilizzare sempre il prop()metodo per abilitare o disabilitare gli elementi quando si utilizza jQuery (vedere di seguito per il perché).

Nel tuo caso, sarebbe:

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

Esempio jsFiddle qui.

Perché usare prop()quando potresti usare attr()/ removeAttr()per fare questo?

Fondamentalmente, prop()dovrebbe essere usato quando ottenere o impostare le proprietà (ad esempio autoplay, checked, disablede requiredtra gli altri).

Usando removeAttr(), stai rimuovendo completamente l' disabledattributo stesso - mentre stai prop()semplicemente impostando il valore booleano sottostante della proprietà su false.

Mentre quello che vuoi fare può essere fatto usando attr()/ removeAttr(), ciò non significa che dovrebbe essere fatto (e può causare comportamenti strani / problematici, come in questo caso).

I seguenti estratti (presi dalla documentazione di jQuery per prop () ) spiegano questi punti in modo più dettagliato:

"La differenza tra attributi e proprietà può essere importante in situazioni specifiche. Prima di jQuery 1.6, il .attr()metodo talvolta prendeva in considerazione i valori delle proprietà durante il recupero di alcuni attributi, il che potrebbe causare comportamenti incoerenti. A partire da jQuery 1.6, il .prop() metodo fornisce un modo per recuperare esplicitamente valori di proprietà, mentre .attr()recupera gli attributi. "

"Le proprietà generalmente influenzano lo stato dinamico di un elemento DOM senza modificare l'attributo HTML serializzato. Gli esempi includono la value proprietà degli elementi di input, la disabledproprietà di input e pulsanti o la checkedproprietà di una casella di controllo. Il .prop()metodo dovrebbe essere usato per impostare disablede checkedinvece di il .attr() metodo. Il .val()metodo dovrebbe essere usato per ottenere e impostare 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/

per rimuovere l'uso dell'attributo disabilitato,

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

e per aggiungere l'uso di attributi disabilitati,

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

Godere :)

Usa così,

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

Penso che tu stia cercando di attivare / disattivare lo stato disabilitato, in questo caso dovresti usare questo (da questa domanda ):

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

Ecco un violino funzionante.

Pensato che puoi facilmente impostare

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

Questo è stato l'unico codice che ha funzionato per me:

element.removeProp('disabled')

Nota che è removePrope non removeAttr.

Sto usando jQuery 2.1.3qui.

2018, senza JQuery

So che la domanda riguarda JQuery: questa risposta è solo FYI.

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

Questa domanda menziona specificamente jQuery, ma se stai cercando di farlo senza jQuery, l'equivalente in JavaScript vaniglia è:

elem.removeAttribute('disabled');