概要
フォームにある利用規約の「同意する」などのチェックボックスにチェックを入れたり外したりする事で、送信ボタンの活性/非活性を切り替える処理をjQueryで実装する方法を紹介。用途・要件
- フォームにある利用規約の「同意する」などのチェックボックスで送信ボタンの活性/非活性を切り替える。(disabled属性の追加・削除)
- チェックボックスにチェックがない場合、送信ボタンは非活性状態になり送信ができなくなる。
- チェックボックスにチェックを入れると、送信ボタンは活性状態になり送信ができるようになる。
- 予め送信ボタンにdisabled属性を付与して非活性の状態にしておく。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11
その他
- jQuery v3.6.0使用。
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)