使用JQuery刪除禁用的屬性？

Question

我必須先禁用輸入，然後點擊鏈接才能啓用它們。

這是我到目前爲止已經試過，但它不工作：

HTML：

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

的jQuery：

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

這說明我true然後false但輸入沒有任何變化：

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

Answer 1

總是使用prop()使用jQuery時啓用或禁用元素的方法（請參閱下面的原因）。

在你的情況，這將是：

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

jsFiddle example here.

---

爲什麼使用prop()時，你可以使用attr()/removeAttr()做到這一點？

基本上，prop()應該獲取或設置屬性（如autoplay，checked，disabled和required除其他）時使用。

通過使用removeAttr()，您完全刪除disabled屬性本身 - 而prop()只是將該屬性的基礎布爾值設置爲false。

當你想要做什麼可以使用attr()/removeAttr()來完成，但這並不意味着它應該完成（並能引起奇怪的/有問題的行爲，在這種情況下）。 。

以下提取物（從jQuery documentation for prop()截取）中更詳細地解釋這些點：

「屬性和特性之間的差異可以是 特定情況下重要的jQuery 1.6，所述.attr()方法有時 之前在檢索某些屬性時會考慮屬性值，這可能會導致行爲不一致。從jQuery 1.6開始，.prop() 方法提供了顯式檢索屬性值的方法，而 .attr() retrievev es屬性「。

「屬性通常會影響DOM元素的動態狀態，而不會更改序列化的HTML屬性。示例包括輸入元素的value 屬性，輸入的disabled屬性和 按鈕或checked屬性的複選框。應使用.prop()方法 來設置disabled和checked而不是.attr() 方法。該.val()方法應該用於獲取和設置 value「

Answer 2

使用這樣，

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

Answer 3

<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/

Answer 4

我想你想切換禁用狀態，在女巫的情況下，你應該使用這個（從this question）：

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

Here is a working fiddle.

Answer 5

想到這裏，你可以輕鬆設置

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

Answer 6

刪除禁用的屬性利用，

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

，並添加禁用的屬性利用，

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

享受:)

Answer 7

這只是爲我工作的代碼：

element.removeProp('disabled') 

請注意，這是removeProp而不是removeAttr 。

我在這裏使用jQuery 2.1.3。

Answer 8

這個問題專門提到jQuery的，但如果你正在尋找實現這一目標沒有jQuery的，在香草的​​JavaScript可等效爲：

elem.removeAttribute('disabled');