【Vanilla JS】複数チェックボックスで送信ボタンの活性/非活性を切り替える

[ ID : 11899 ]
シルバー
【Vanilla JS】複数チェックボックスで送信ボタンの活性/非活性を切り替える
実装目安
3分

概要

複数のチェックボックスにチェックした場合に、送信ボタンが活性化する処理をJavaScriptで実装。

用途・要件

  • フォーム送信ボタン上に「同意する」のようなチェックボックスが複数ある場合を想定。
  • 予め送信ボタンにdisabled属性を付与して非活性状態にしておく。
  • 対象のチェックボックス全てにチェックを入れると、送信ボタンが活性状態になり送信可能になる。

検証ブラウザ

  • Google Chrome(最新)
  • Microsoft Edge(最新)
  • Firefox(最新)
  • Safari(最新)

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

新着記事

全ての記事を見る

KONOCODEのメリット 無料会員登録