如何使用 javascript 从 HTML 输入中删除“禁用”属性？
<input id="edit" disabled>
在 onClick 我希望我的输入标签不包含“禁用”属性。
javascript从html输入中删除“禁用”属性
IT技术
javascript
input
attributes
2021-02-09 01:06:22
5个回答
将元素的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例如，可以用表单替换Where以仅查找该表单内的元素。您还可以使用getElementsByTagName('input')来获取所有输入元素。在您的for迭代中，您必须检查inputs[i].type == 'text'.
为什么不删除该属性？
- 香草JS：
elem.removeAttribute('disabled') - 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。