javascript将“disabled”属性移除为html输入

Question

如何使用javascript将“禁用”属性移除到html输入？

<input id=edit disabled> 

at onclick我希望我的输入标签不包含“disabled”属性。

Answer 1

设置元素的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'。

Answer 2

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

document.myForm.myInputName.disabled = false; 

Answer 3

为什么不直接删除属性？

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

Answer 4

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/