Jak usunąć atrybut „disabled” za pomocą jQuery?

Najpierw muszę wyłączyć dane wejściowe, a następnie kliknąć link, aby je włączyć.

Do tej pory próbowałem, ale to nie działa.

HTML:

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

jQuery:

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

To pokazuje mi, truea potem falsenic się nie zmienia dla danych wejściowych:

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

Zawsze używaj prop()metody do włączania lub wyłączania elementów podczas korzystania z jQuery (dlaczego poniżej).

W twoim przypadku byłoby to:

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

Przykład jsFiddle tutaj.

prop()Po co korzystać, kiedy można to zrobić attr()/ removeAttr()?

Zasadniczo prop()należy stosować podczas pobierania lub ustawiania właściwości (takie jak autoplay, checked, disabledi requiredmiędzy innymi).

Używając tego removeAttr(), całkowicie usuwasz disabledsam atrybut - jednocześnie prop()jedynie ustawiasz wartość logiczną właściwości na false.

Chociaż to, co chcesz zrobić, można wykonać za pomocą attr()/ removeAttr(), nie oznacza to, że należy to zrobić (i może powodować dziwne / problematyczne zachowanie, jak w tym przypadku).

Poniższe wyciągi (zaczerpnięte z dokumentacji jQuery dla prop () ) wyjaśniają te punkty bardziej szczegółowo:

„Różnica między atrybutami i właściwościami może być istotna w określonych sytuacjach. Przed jQuery 1.6 .attr()metoda czasami brała pod uwagę wartości właściwości podczas pobierania niektórych atrybutów, co może powodować niespójne zachowanie. Od jQuery 1.6 .prop() metoda zapewnia sposób jawnego pobierania wartości właściwości, podczas gdy .attr()pobiera atrybuty. ”

„Właściwości zasadniczo wpływają na stan dynamiczny elementu DOM bez zmiany serializowanego atrybutu HTML. Przykłady obejmują value właściwość elementów wejściowych, disabledwłaściwość danych wejściowych i przycisków lub checkedwłaściwość pola wyboru. .prop()Metodę należy ustawić, disableda checkedzamiast .attr() metoda. na .val()metoda powinna być stosowana do pobierania i ustawiania 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/

aby usunąć użycie atrybutu wyłączone,

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

i aby dodać wyłączone użycie atrybutu,

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

Cieszyć się :)

Użyj tego,

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

Myślę, że próbujesz przełączyć stan wyłączony, w takim przypadku powinieneś użyć tego (z tego pytania ):

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

Oto działające skrzypce.

Pomyślałem, że możesz łatwo skonfigurować

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

To był jedyny kod, który działał dla mnie:

element.removeProp('disabled')

Zauważ, że tak jest removePropi nie removeAttr.

Używam jQuery 2.1.3tutaj.

2018, bez JQuery

Wiem, że pytanie dotyczy JQuery: ta odpowiedź to tylko FYI.

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

To pytanie konkretnie wspomina o jQuery, ale jeśli chcesz to osiągnąć bez jQuery, odpowiednikiem waniliowego JavaScript jest:

elem.removeAttribute('disabled');