JQuery kullanarak "devre dışı" özniteliği nasıl kaldırılır?

Önce girişleri, ardından etkinleştirmek için bir bağlantıyı tıklatmayı devre dışı bırakmam gerekiyor.

Şimdiye kadar denedim, ama çalışmıyor.

HTML:

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

jQuery:

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

Bu beni gösteriyor trueve sonra falsegirdiler için hiçbir şey değişmiyor:

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

Her zaman kullanmak prop()jQuery kullanıldığında (neden için aşağıya bakınız) etkinleştirmek için bir yöntem ya da devre dışı elemanları.

Sizin durumunuzda:

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

jsFiddle örneği burada.

Kullanım Neden prop()Kullanmak ne zaman attr()/ removeAttr()bunu yapmak için?

Temel olarak, prop()elde veya ayarlarken kullanılmalıdır özelliklerini (örneğin autoplay, checked, disabledve requireddiğerleri arasında).

Bunu kullanarak removeAttr(), disabledözniteliğin kendisini tamamen kaldırmış olursanız da prop(), yalnızca mülkün temel Boole değerini false olarak ayarlarsınız .

Eğer ne yapmak istediğinize iken edebilirsiniz kullanılarak yapılabilir attr()/ removeAttr(), onu anlamına gelmez gerektiğini yapılabilir (ve bu durumda olduğu gibi, garip / sorunlu davranışa neden olabilir).

Aşağıdaki alıntılar ( prop () için jQuery belgelerinden alınmıştır ) bu noktaları daha ayrıntılı olarak açıklamaktadır:

"Nitelikler ve özellikler arasındaki fark belirli durumlarda önemli olabilir. JQuery 1.6'dan önce, .attr() yöntem tutarsız davranışa neden olabilecek bazı öznitelikleri alırken bazen özellik değerlerini hesaba katmıştır. JQuery 1.6'dan itibaren, .prop() yöntem açıkça almak için bir yol sağlar özellik değerleri, .attr()öznitelikleri alır. "

"Özellikleri genellikle seri HTML özniteliği değiştirmeden DOM elemanının dinamik olmalarını etkilemez. Örnek olarak value girdi elemanı özelliği, disabledgiriş ve düğmelerin özelliği veya checkedbir onay özelliği. .prop()Metodu grubu için kullanılmalıdır disabledve checkedyerine .attr() yöntemi. .val()yöntem alma ve ayarlama için kullanılmalıdır 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/

devre dışı bırakılmış özellik kullanımını kaldırmak için,

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

ve devre dışı bırakılmış özellik kullanımını eklemek için,

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

Zevk almak :)

Bunun gibi kullanın,

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

Bence engelli durumu değiştirmeye çalışıyorsunuz , cadı durumunda bunu kullanmalısınız ( bu sorudan ):

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

İşte çalışan bir keman.

Bunu kolayca kurabileceğini düşündüm

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

Benim için çalışan tek kod buydu:

element.removeProp('disabled')

Unutmayın ki removeProp ve değil removeAttr.

jQuery 2.1.3Burada kullanıyorum .

2018, JQuery olmadan

Sorunun JQuery ile ilgili olduğunu biliyorum: bu cevap sadece FYI.

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

Bu soru özellikle jQuery'den bahsediyor, ancak bunu jQuery olmadan başarmak istiyorsanız, vanilya JavaScript'indeki eşdeğer:

elem.removeAttribute('disabled');