在不使用html onchange的情况下向复选框添加事件侦听器

Question

我想为id添加一个事件监听器，然后改变一些css。但是没有使用html onchange，到目前为止我有这个（下面的代码）。我差点确定我使用addEventListener错了。

window.onload = function() {
    var checkbox = document.getElementById('no_photo');
    alert('win loaded');
    checkbox.addEventListener('click', function() {
      alert('event triggered');
      var photo = document.getElementById('photo_upload');
      if(photo.style.display != 'none') {
        photo.style.display = 'none';
      } 
      else if(photo.style.display == 'none') {
        photo.style.display = 'block';
      };
    });
  }

Answer 1

你写了

checkbox.addEventListener(click, ...

而不是

checkbox.addEventListener('click', ...

使用浏览器控制台检测此类语法错误。

您可以通过键入CTRL-SHIFT-i

在大多数浏览器中打开控制台