js动态创建复选框未定义单击功能

Question

我正在动态创建一个复选框，当执行onclick函数时，我在控制台中收到“函数未定义”错误。 在逐步执行过程中，将在页面加载事件期间读取代码，但单击时会引发错误。 我试过将函数加载到$（document）.ready（）;中。 但得到同样的错误：

*这些函数位于页面加载时调用的函数内部。 “ chkBox”是未定义的函数

function lyrBuild(lyrVar, lyrName) {
    $('<li>').attr({
        id: lyrVar.liID,
        class: 'layer'
    }).html($('<input>').attr({
        id: lyrVar.cbID,
        type: 'checkbox',
        onClick: "chkBox(" + "'" + lyrVar.liID + "'" + ")",
        checked: 'unchecked',
        name: lyrVar.Name,
        value: lyrVar.val
    })).appendTo('#layersList');
}

function chkBox(lyrId) {
    //switch statement goes here
} 

Answer 1

尝试像这样声明dhkBox函数：

var chkBox = function(lyrId) {
    //switch statement goes here
}

Answer 2

您没有问题，但是我还是给您答复;）

“这些函数在函数内部”，这意味着以这种方式调用chkBox不可用。 使用.click() ， doc在这里或.on() ，或者在可能的情况下将chkBox放置在函数之外。