チェックボックスをチェックした時にAソッドを呼びたい

Question

前提・実現したいこと

チェックボックスをチェックした時にAソッドを呼びたいが、現在のコードだと呼べない。

該当のソースコード

<form name=“chbox”  method="POST" enctype="multipart/form-data">
    <input id=“ch” type="checkbox">
</form>


<script type="text/javascript">
if( document.chbox.elements[0].checked ){

    A();
}
</script>

とコードを書いて実行したが、if文の中の処理が呼ばれない。
どう直せばいいでしょうか？

補足情報（FW/ツールのバージョンなど）

参考文献：
http://www.pori2.net/js/form/2.html

Answer 1

とりあえず“ ” が全角なので半角にしてみては。

Answer 2

こんな感じです
（チェックを外したときには反応しません）

<script>
window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector('#ch').addEventListener('change',function(e){
    if(e.target.checked) console.log("A");
  });
});
</script>
<form>
    <input id="ch" type="checkbox">
</form>

追記

外したときはB

window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector('#ch').addEventListener('change',function(e){
    if(e.target.checked){
      console.log("A");
    }else{
      console.log("B");
    }
  });
});

Comments

[kaitotokai]

ありがとうございます。checkを外した時はメソッドBを呼ぶようにするにはどうしたらできますか？？

[yambejp]

追記しました

[kaitotokai]

なるほどです！ありがとうございます！