使用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');