使用事件处理程序代替onClick触发API函数

Question

我有一个简单的复选框。

<div class="myCheckBox"><label><input type="checkbox" checked><span   class="label-text">My Label</span></label></div>

注意：HTML是堆栈的一部分，已经为其分配了唯一的ID（将JS引用为％id％。

我想将其连接到javascript函数。 我知道我可以在HTML中使用onClick来实现此目的，但是在这种情况下，我需要在JavaScript中使用事件处理程序来调用（正确的术语？）函数。

我的JS是

$(document).ready(function() {

    var stack = $('%id%'),
        checkbox = $('.myCheckbox',stack);

    function filterCheck(%id=filterName%, %id=values%) {
            var sheet = mainViz.getWorkbook().getActiveSheet();
            var updateType;
            if(checkbox.is(":checked"))    {
                updateType = "ADD";

            } else {
                updateType = "REMOVE";
                }
            worksheetArray = sheet.getWorksheets();
            for (var i = 0; i < worksheetArray.length; i++) {
            worksheetArray[i].applyFilterAsync(filterName, values, updateType);
            }
        }  
    }

    checkbox.click(function(e) {



    }

});

事件处理程序（我认为）位于checkbox.click（function（e）{之后，但是我现在无知了。

Answer 1

我可以看到代码的一个问题。

var stack = $('%id%'),
    checkbox = $('.myCheckbox',stack);

您没有使用＃来引用元素的ID。 正确的方法应该是转义特殊字符

var stack = $('#\\%id\\%')

或者通过使用jQuery包装器包装dom对象

var stack = $(document.getElementById('%id%'))

两者都将有助于找到您在下面用作上下文的堆栈

$('.myCheckbox',stack);

事件处理程序应该可以正常工作。