JavaScript onchangeイベントでCheckboxの状態を判定する

環境
Google Chrome　107.0.5304.107
Windows 10 Home 64bit

構文
input type="checkbox" id="cb2″ onchange="関数名();"
function 関数名(){処理コード}
チェックボックスのon/offを変更したときは、onchangeイベントが発生します。
type
フォーム要素のタイプ(type属性の値)
value
チェックボックスの値

使用例

<!DOCTYPE html>
<html>
<body>

都市<input type="checkbox" id="city" onchange="funA();">

<script>
  function funA() {
    if (document.getElementById("city").checked) {
      alert("チェックボックスがonに変更されました。");
    } else {
      alert("チェックボックスがoffに変更されました。");
  }
}
</script>

</body>
</html>

実行結果
都市チェックボックスにチェックを入れると、アラート「チェックボックスがonに変更されました。」が表示されます。

JavaScript

Posted by arkgame