Adding event listener to checkbox w/out using html onchange

Question

I want to add an event listener to an id which then alters some css. But without using html onchange, I have this (code below) so far. I'm almost certain im using addEventListener wrong.

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';
      };
    });
  }

You need to specify click in quotes... checkbox.addEventListener("change", Check your console for errors — PSL
– PSL, Commented Dec 19, 2013 at 2:34

Aurélien Gasser · Accepted Answer · 2013-12-19 02:36:35Z

1

You wrote

checkbox.addEventListener(click, ...

instead of

checkbox.addEventListener('click', ...

Use your browser console to detect this kind of syntax errors.

You can open the console in most browsers by typing CTRL-SHIFT-i

answered Dec 19, 2013 at 2:36

Aurélien Gasser

3,1201 gold badge23 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user3105607 Over a year ago

Thanks, changing that still doesnt trigger the event :/

Collectives™ on Stack Overflow

Adding event listener to checkbox w/out using html onchange

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest