Edited at

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

More than 1 year has passed since last update.

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


ボタンのHTML

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



disabledを外す場合


ボタンを有効にする

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


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


disabledをつける場合


ボタンを無効にする

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


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


おまけ

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