使用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在大多數瀏覽器中打開控制台。