Javascript 无法在复选框上输入addEventListener?

Javascript 无法在复选框上输入addEventListener?,javascript,html,css,google-cloud-firestore,materialize,Javascript,Html,Css,Google Cloud Firestore,Materialize,db kepala ruangan.js var checkbox = document.getElementsByName('checkbox'); var dragon = document.createElement("label"); dragon.innerHTML = "imam"; for(var i = 0; i < checkbox.length; i++){ checkbox[i].addEventListe

db kepala ruangan.js

 var checkbox = document.getElementsByName('checkbox');
      var dragon = document.createElement("label");
      dragon.innerHTML = "imam";
      for(var i = 0; i < checkbox.length; i++){
            checkbox[i].addEventListener("change", checkedOrNot)
          }

          function checkedOrNot() {
            var isChecked = this.checked;

            if (isChecked) { //checked
              console.log('checked');
            } else { //unchecked
              console.log('unchecked');
            }
          }
var checkbox=document.getElementsByName('checkbox');
var dragon=document.createElement(“标签”);
dragon.innerHTML=“伊玛目”;
对于(变量i=0;i
我正在使用materialize&cloud firestore来处理这些东西


这是完整的项目

要将事件侦听器添加到所有复选框中,您必须获取所有名为
input
的标记,并仅将事件侦听器添加到类型为
checkbox
的标记中

var-inputList=document.getElementsByTagName('input');
对于(变量i=0;i


红色

黄色的

填写

不确定风格

绿色

棕色的


据我所知:您想为复选框添加addlistener吗?@imam请检查下面的答案。@PraveenGopal是的,我想是的。@swaroopdaval我已经应用了您给Brother的解决方案,但仍然不起作用,@imamafriyadi有什么问题?我答案中的代码运行良好。请确认您修改的代码以及控制台上是否有任何错误。您能给出使用materialize brother的示例吗,因为我正在使用Materialze进行此项目。它与您使用的前端框架无关。@ImamAfriyadi也添加了materialize。这是brother,日志“选中”或“未选中”不显示。我正在为我的项目使用这些代码:请使驱动器链接可共享