JavaScriptはHTML入力から「無効」属性を削除します

JavaScriptを使用してHTML入力から「無効」属性を削除するにはどうすればよいですか？

<input id="edit" disabled>

onClickで、「無効」属性で構成されないように入力タグを設定します。

要素の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使用してをfalseに設定するにnameは：

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/