HTML で作成されたフォームには入力できなくしたり、チェックができないようにしたりする機能があります。jQuery を使って動的に無効にしたり、有効にしたりする方法です。
通常HTMLタグで作る無効なフォームは下記のとおりです。disabled属性にdisabledを設定します。
|
1 2 |
<input type="text" disabled="disabled" /> |
jQuery を使って無効にするには下記のようにします。id に「target」が指定されたフォーム要素が対象です。
|
1 2 |
$('#target').attr('disabled', 'disabled'); |
そして一度無効にしたフォーム要素を元に戻す方法です。disabled 属性自体を削除します。
|
1 2 |
$('#target').removeAttr('disabled'); |