概要
複数のチェックボックスにチェックした場合に、送信ボタンが活性化する処理をJavaScriptで実装。用途・要件
- フォーム送信ボタン上に「同意する」のようなチェックボックスが複数ある場合を想定。
- 予め送信ボタンにdisabled属性を付与して非活性状態にしておく。
- 対象のチェックボックス全てにチェックを入れると、送信ボタンが活性状態になり送信可能になる。
検証ブラウザ
- Google Chrome(最新)
- Microsoft Edge(最新)
- Firefox(最新)
- Safari(最新)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)