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

Question

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

这是我迄今为止尝试过的，但它不起作用。

HTML：

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

jQuery：

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

这会显示“真”，然后显示“假”，但输入没有变化：

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

Answer 1

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

要删除禁用的属性使用，

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

并添加禁用属性使用，

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

享受：）

Answer 3

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

在您的情况下，它将是：

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

这里的jsFiddle示例。

如果可以使用属性来执行此操作，为什么要使用属性？

基本上，在获取或设置属性时应使用prop（）（例如autoplay、检查、禁用和需要等等）。

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

虽然可以使用attr（）完成您想要做的事情，但这并不意味着应该这样做（并且可能会导致奇怪/有问题的行为，如本例）。

以下摘录（摘自prop（）的jQuery文档）更详细地解释了这些要点：

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

“属性通常会影响DOM元素的动态状态，而不会更改序列化的HTML属性。例如，输入元素的值属性、输入和按钮的禁用属性或复选框的选中属性。例如，.prop（）应使用方法设置禁用和选中而不是。attr（）方法。<代码>。val（）方法应用于获取和设置值。“”