【jQuery】チェックボックス(input)とボタンを連動させる

チェックボックス(input要素)とボタンを連動させるjQueryのメモ

【jQuery】チェックボックス(input)とボタンを連動させる

よく「〇〇に同意します」のようなチェックボックスありますよね。

そのチェックボックスにチェックが入ったらボタンを押せるようにする jQuery のメモです。

See the Pen Checkbox on button by nkmr (@nkmr_whoo) on CodePen.

button には予め『disabled』を付与しておき、ボタンを押せないようにしておきます。

次に、jQuery の changeメソッド(値が変更されたときにイベントを発生させるメソッド)を使い、if 文でchecked (チェックされたら)の場合と、そうでない場合の処理を分けます。

その処理内でbuttonのdisabledをprop(HTML要素の属性を取得・変更・追加できる)で操作します。(真偽値でdisabledを切り替える)

これで、チェックボックスにチェックが入ったらボタンの操作を有効にできます。