【Javascript】Checkboxの状態を取得する

目次

• Checkboxの値を取得する
  • チェックボックスの状態変化イベント
• 参考

Checkboxの値を取得する

• valueだとcheckイベント内で呼ぶとonしか取れなかった
• checkedを使うと、true or falseで取れたので取り回しが良かった

const isCheck = document.getElementById("checkboxのid").checked;

if(isCheck){
  //  チェックされた時の処理
}else{
  //  チェックが外された時の処理
}

チェックボックスの状態変化イベント

changeイベントを使用する

document.getElementById("checkboxのid").addEventListener('change',function(){
  //  処理
});

参考

• https://uxmilk.jp/38891