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

最初に入力を無効にし、次にリンクをクリックして有効にする必要があります。

これは私がこれまでに試したものですが、機能しません。

HTML：

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

jQuery：

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

これは私trueを示してfalseいますが、入力については何も変わりません：

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

常に使用するprop()jQueryを使用するときメソッドを使用して要素を有効または無効にします（理由については以下を参照）。

あなたの場合、それは：

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

ここにjsFiddleの例があります。

これを行うprop()ためにattr()/ removeAttr()を使用できるのに、なぜ使用するのですか？

基本的に、prop()取得または設定する際に使用されるべき性質を（例えばautoplay、checked、disabledおよびrequiredとりわけ）。

を使用removeAttr()すると、disabled属性自体が完全に削除されますがprop()、プロパティの基礎となるブール値がfalseに設定されるだけです。

あなたがしたいことは/ を使って行うことができますが、それはそれが行われるべきであることを意味しません（そしてこの場合のように奇妙な/問題のある振る舞いを引き起こす可能性があります）。attr()removeAttr()

次の抜粋（prop（）のjQueryドキュメントから抜粋）は、これらのポイントをより詳細に説明しています。

「属性とプロパティの違いは、特定の状況で重要になることがあります。jQueryの1.6、前に.attr()いくつかの属性を取得するときの方法は時々一貫性のない動作を引き起こす可能性があり、考慮にプロパティ値を取った。jQueryの1.6の時点で、.prop() 方法を明示的に取得するための方法を提供しますプロパティ値、.attr()属性を 取得します。」

「プロパティは、一般的にシリアライズHTML属性を変更することなく、DOM要素の動的状態に影響を与える。例としては、value 入力要素のプロパティ、disabled入力およびボタンの性質、又はcheckedチェックボックスのプロパティ。.prop()この方法は、設定するために使用されるべきであるdisabledとcheckedの代わりに.attr() 方法。.val()この方法は、取得および設定するために使用すべきです value。」

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

無効化された属性の使用を削除するには、

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

無効な属性の使用を追加するには、

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

楽しい ：）

このように使用し、

HTML：

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

<div id="edit">edit</div>

JS：

 $('#edit').click(function(){ // click to
            $('.inputDisabled').attr('disabled',false); // removing disabled in this class
 });

私は無効状態を切り替えようとしていると思いますが、魔女の場合はこれを使用する必要があります（この質問から）：

$(".inputDisabled").prop('disabled', function (_, val) { return ! val; });

これが実用的なフィドルです。

これは簡単に設定できると思いました

$(function(){
$("input[name^=radio_share]").click
(
    function()
    {
        if($(this).attr("id")=="radio_share_dependent")
        {
            $(".share_dependent_block input, .share_dependent_block select").prop("disabled",false);   
        }
        else
        {
            $(".share_dependent_block input, .share_dependent_block select").prop("disabled",true);   
        }
    }
 );
});

これは私のために働いた唯一のコードでした：

element.removeProp('disabled')

それはだということに注意removePropしていませんremoveAttr。

jQuery 2.1.3ここで使っています。

2018年、JQueryなし

私は質問がJQueryについてであることを知っています：この答えは単なる参考です。

document.getElementById('edit').addEventListener(event => {
    event.preventDefault();
    [...document.querySelectorAll('.inputDisabled')].map(e => e.disabled = false);
}); 

この質問は特にjQueryについて言及していますが、jQueryなしでこれを達成したい場合、JavaScriptでの同等のものは次のとおりです。

elem.removeAttribute('disabled');