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に変更されました。」が表示されます。