选中复选框，同时给出false和true

Question

我的代码是这样的：

$('#stateList').on("click", "#stateSelection", function(e) {  
   console.log($(this).find("#statecheckbox").is(":checked"));
});

当我点击复选框时，我可以在控制台中看到false和true值。这意味着此click事件被调用两次。我怎样才能解决这个问题？请注意，当某些用户操作发生时，会立即创建stateList和stateSelection doms。

Answer 1

said behavior is possible如果您有复选框和标签。

而不是点击事件，可以安全地收听像

这样的变更事件

$('#stateList').on("change", "#statecheckbox", function (e) {
    console.log(this.checked);
});

演示：Fiddle