Javascript 如何将函数动态添加到复选框

我有一个简单的js代码，但它不起作用。选中复选框时不发出警告问题是什么

function dynamicCheckbox() {          
        var checkbox = document.createElement('input');
        checkbox.type = "checkbox";
        checkbox.name = "chkbox";
        checkbox.id = "chkid" ;
        checkbox.style = "width:50px";
        checkbox.onclick = "openFiles()";            
}

function openFiles() {
    alert("hey");
}

---

只需分配函数本身，而不是字符串：

checkbox.onclick = openFiles;

完整示例：

函数dynamicCheckbox{ var checkbox=document.createElement'input'； checkbox.type=复选框； checkbox.name=chkbox； checkbox.id=chkid； checkbox.style=宽度：50px； checkbox.onclick=openFiles； document.body.appendChildcheckbox； } 函数openFiles{ 阿勒泰； }

---

动态检查盒 只需分配函数本身，而不是字符串：

checkbox.onclick = openFiles;

完整示例：

函数dynamicCheckbox{ var checkbox=document.createElement'input'； checkbox.type=复选框； checkbox.name=chkbox； checkbox.id=chkid； checkbox.style=宽度：50px； checkbox.onclick=openFiles； document.body.appendChildcheckbox； } 函数openFiles{ 阿勒泰； }

---

动态检查盒 您可以将事件句柄添加到动态控件，如下所示：

document.addEventListener('click',function(e){
       if(e.target && e.target.id== 'chkid'){
            openFiles();
       }
});

函数dynamicCheckbox{ var checkbox=document.createElement'input'； checkbox.type=复选框； checkbox.name=chkbox； checkbox.id=chkid； checkbox.style=宽度：50px； //checkbox.onclick=openFiles； document.addEventListener'click'，函数E{ ife.target&&e.target.id=='chkid'{ 开放文件； } }; document.body.appendChildcheckbox； } 函数openFiles{ 阿勒泰； }

---

动态检查盒 您可以将事件句柄添加到动态控件，如下所示：

document.addEventListener('click',function(e){
       if(e.target && e.target.id== 'chkid'){
            openFiles();
       }
});

函数dynamicCheckbox{ var checkbox=document.createElement'input'； checkbox.type=复选框； checkbox.name=chkbox； checkbox.id=chkid； checkbox.style=宽度：50px； //checkbox.onclick=openFiles； document.addEventListener'click'，函数E{ ife.target&&e.target.id=='chkid'{ 开放文件； } }; document.body.appendChildcheckbox； } 函数openFiles{ 阿勒泰； }

---

动态检查盒；我很高兴能帮上忙；我很高兴能帮上忙；