LoginSignup
189

More than 5 years have passed since last update.

posted at

updated at

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属性を使います。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
189