jQuery

Javascript,jQuery

【JS】jQueryでフォームのdisabledを設定/解除する方法

2018/01/30

jQueryを使い、フォームのdisabledを設定/解除する方法を備忘録としてポストします。

jQueryでフォームに "disabled" を設定/解除

フォームにdisabledを付与することで、select だと選択できない、input や textarea だと入力できないフォームを設置することが可能です。
それらを動的に制御したい場合は、Javascriptを利用すれば実現可能です。

"disabled"を設定(付与)

サンプルのselectボックス。

この selectボックスに disabled="disabled" を設定する場合は以下のようにします。

"disabled"を解除

付与されている "disabled" を解除する場合は以下のようにします。

付与する場合は「attr()」, 解除する場合は「removeAttr()」を使うだけで実現可能です。
うーん、便利。

jQueryクックブック

jQueryクックブック

jQuery Community Experts

価格 : 3,888円

     

-Javascript,jQuery
-, ,