jQueryのprop()でdisabled属性を切り替える

buttonタグなどのdisabled属性の切り替えを、jQueryのprop()によって切り替える方法です。

ボタンのHTML

<button id="pugi">送信</button>

disabledを外す場合

ボタンを有効にする

$("#pugi").prop("disabled", false);

disabledが外れてボタンが有効になります。

disabledをつける場合

ボタンを無効にする

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

disabledがついてボタンが無効になります。

おまけ

disabled属性をつけるとサーバーと通信してくれません。通信したい場合はreadonly属性を使います。