Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用html onchange将事件侦听器添加到复选框w/out_Javascript_Html_Checkbox - Fatal编程技术网

Javascript 使用html onchange将事件侦听器添加到复选框w/out

Javascript 使用html onchange将事件侦听器添加到复选框w/out,javascript,html,checkbox,Javascript,Html,Checkbox,我想在id中添加一个事件侦听器,然后更改一些css。但是没有使用html onchange,到目前为止我已经有了这个(下面的代码)。我几乎可以肯定我使用addEventListener是错误的 window.onload = function() { var checkbox = document.getElementById('no_photo'); alert('win loaded'); checkbox.addEventListener('click', func

我想在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';
      };
    });
  }
你写的

checkbox.addEventListener(click, ...
而不是

checkbox.addEventListener('click', ...
使用浏览器控制台检测此类语法错误


您可以在大多数浏览器中通过键入CTRL-SHIFT-i打开控制台

您需要在引号中指定
单击
<代码>复选框。添加EventListener(“更改”),检查您的控制台是否存在使用“更改”而不是单击来解决的错误谢谢您的帮助Guycool,它还应该与“单击”一起工作,不过:谢谢,更改仍然不会触发事件:/