如何使用jQuery删除“禁用”属性？

我必须首先禁用输入，然后单击链接以启用它们。

到目前为止，这是我尝试过的方法，但是没有用。

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

prop()使用jQuery时，请始终使用该方法启用或禁用元素（有关原因，请参见下文）。

在您的情况下，它将是：

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

jsFiddle示例在这里。

为什么prop()在可以使用attr()/ removeAttr()做到这一点时使用？

基本上，prop()应该获取或设置时，可使用特性（如autoplay，checked，disabled和required在其他之中）。

通过使用removeAttr()，您可以完全删除disabled属性本身，而prop()只是将属性的基础布尔值设置为false。

尽管您可以使用attr()/ 来完成操作removeAttr()，但这并不意味着它应该完成（在这种情况下，可能会导致奇怪/有问题的行为）。

以下摘录（摘自proper（）的jQuery文档）对这些要点进行了更详细的说明：

“属性和属性之间的差异在特定情况下可能很重要。在jQuery 1.6之前，该.attr()方法有时在检索某些属性时会考虑属性值，这可能导致行为不一致。从jQuery 1.6开始，该.prop() 方法提供了一种显式检索方法属性值，同时 .attr()检索属性。”

“属性通常会在不更改序列化HTML属性的情况下影响DOM元素的动态状态。示例包括value 输入元素的disabled属性，输入和按钮的checked属性或复选框的属性。.prop()应使用此方法来设置disabled而checked不是该.attr() 方法。该.val()方法应用于获取和设置 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/

删除禁用的属性使用，

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

并添加禁用的属性使用，

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

请享用 ：）

这样使用

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

我认为您正在尝试切换禁用状态，在这种情况下，您应该使用此功能（来自此问题）：

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

这是一个工作的小提琴。

以为您可以轻松设置

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

这是唯一对我有用的代码：

element.removeProp('disabled')

请注意，removeProp不是removeAttr。

我在jQuery 2.1.3这里用。

2018，不带JQuery

我知道问题是关于JQuery的：这个答案仅供参考。

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

这个问题专门提到了jQuery，但是如果您想在没有jQuery的情况下完成此任务，那么在普通JavaScript中的等效项是：

elem.removeAttribute('disabled');