javascript从html输入中删除“ disabled”属性

如何使用javascript从HTML输入中删除“已禁用”属性？

<input id="edit" disabled>

在onClick上，我希望输入标签不包含“ disabled”属性。

将元素的disabled属性设置为false：

document.getElementById('my-input-id').disabled = false;

如果您使用的是jQuery，则等效为：

$('#my-input-id').prop('disabled', false);

对于几个输入字段，您可以改为按类访问它们：

var inputs = document.getElementsByClassName('my-input-class');
for(var i = 0; i < inputs.length; i++) {
    inputs[i].disabled = false;
}

document例如，在哪里可以用表单替换，以仅查找该表单内的元素。您还可以getElementsByTagName('input')用来获取所有输入元素。在for迭代中，您必须检查inputs[i].type == 'text'。

为什么不删除该属性呢？

1. 香草JS： elem.removeAttribute('disabled')
2. jQuery的： elem.removeAttr('disabled')

disabled使用name输入的属性将设置为false ：

document.myForm.myInputName.disabled = false;

最好的答案就是removeAttribute

element.removeAttribute("disabled");

method 1 <input type="text" onclick="this.disabled=false;" disabled>
<hr>
method 2 <input type="text" onclick="this.removeAttribute('disabled');" disabled>
<hr>
method 3 <input type="text" onclick="this.removeAttribute('readonly');" readonly>

先前答案的代码似乎无法在串联模式下工作，但是有一种解决方法：方法3。

参见演示https://jsfiddle.net/eliz82/xqzccdfg/