如何在tzCheckbox上连接点击/更改事件？

Question

我有这个tzCheckbox，

<input type="checkbox" data-on="ON" data-off="OFF"/>

在html输出中，我看到隐藏了此复选框，并且span元素取而代之。我想连接复选框的click事件。我怎样才能做到这一点？我尝试了这两个，功能没有被触发。

$('input:checkbox').bind('click',function(e)...
$('input:checkbox').bind('change',function(e)...

试过这个，这也不起作用。

$('.tzCheckBox').bind('click',...

由于

Answer 1

取决于jquery的版本尝试使用.on。如果动态添加复选框，您可能需要委托选择器。 bind适用于jquery 1.7及更低版本。 on是1.8及以上。

$('input:checkbox').on("change", function(){
        alert("box has changed");
    });

$("form").on("change", "input:checkbox", function(){
    alert("box has changed");
});