Bagaimana cara menghapus atribut "dinonaktifkan" menggunakan jQuery?

Saya harus menonaktifkan input pada awalnya dan kemudian mengklik tautan untuk mengaktifkannya.

Inilah yang saya coba sejauh ini, tetapi tidak berhasil.

HTML:

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

jQuery:

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

Ini menunjukkan saya truedan kemudian falsetetapi tidak ada perubahan untuk input:

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

Selalu gunakan prop()metode untuk mengaktifkan atau menonaktifkan elemen saat menggunakan jQuery (lihat alasannya di bawah).

Dalam kasus Anda, itu akan menjadi:

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

Contoh jsFiddle di sini.

Mengapa menggunakan prop()ketika Anda bisa menggunakan attr()/ removeAttr()untuk melakukan ini?

Pada dasarnya, prop()harus digunakan ketika mendapatkan atau pengaturan properti (seperti autoplay, checked, disableddan requiredantara lain).

Dengan menggunakan removeAttr(), Anda benar-benar menghapus disabledatribut itu sendiri - sementara prop()hanya menyetel nilai boolean yang mendasari properti menjadi false.

Sementara apa yang ingin Anda lakukan dapat dilakukan menggunakan attr()/ removeAttr(), itu tidak berarti harus dilakukan (dan dapat menyebabkan perilaku aneh / bermasalah, seperti dalam kasus ini).

Ekstrak berikut (diambil dari dokumentasi jQuery for prop () ) menjelaskan poin-poin ini secara lebih rinci:

"Perbedaan antara atribut dan properti dapat menjadi penting dalam situasi tertentu. Sebelum jQuery 1.6, .attr()metode ini terkadang memperhitungkan nilai properti ketika mengambil beberapa atribut, yang dapat menyebabkan perilaku tidak konsisten. Pada jQuery 1.6, .prop() metode ini menyediakan cara untuk secara eksplisit mengambil nilai properti, saat .attr()mengambil atribut. "

"Properti umumnya memengaruhi keadaan dinamis elemen DOM tanpa mengubah atribut HTML serial. Contohnya termasuk value properti elemen input, disabledproperti input dan tombol, atau checkedproperti kotak centang. .prop()Metode ini harus digunakan untuk mengatur disableddan checkedalih-alih yang .attr() metode. The .val()metode harus digunakan untuk mendapatkan dan pengaturan 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/

untuk menghapus penggunaan atribut yang dinonaktifkan,

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

dan untuk menambahkan penggunaan atribut yang dinonaktifkan,

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

Nikmati :)

Gunakan seperti ini,

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

Saya pikir Anda mencoba untuk beralih ke keadaan dinonaktifkan, jika Anda harus menggunakan ini (dari pertanyaan ini ):

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

Ini biola yang berfungsi.

Pikir ini, Anda dapat dengan mudah mengatur

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

Ini adalah satu-satunya kode yang berfungsi untuk saya:

element.removeProp('disabled')

Perhatikan bahwa ini removePropdan bukan removeAttr.

Saya menggunakan di jQuery 2.1.3sini.

2018, tanpa JQuery

Saya tahu pertanyaannya adalah tentang JQuery: jawaban ini hanya FYI.

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

Pertanyaan ini secara khusus menyebutkan jQuery, tetapi jika Anda ingin menyelesaikan ini tanpa jQuery, padanannya dalam vanilla JavaScript adalah:

elem.removeAttribute('disabled');