骨干 - 复选框保持检查状态？

Question

我正在尝试将一个复选框连接到我的视图，但是只要我勾选它，它就会保持检查状态，即使我再次点击它也是如此？

以下是视图的一部分：

views.PaginatedView = Backbone.View.extend({
    events: {
        'click input.completedEnquiries': 'filterCompletedEnquiries'
    },
    filterCompletedEnquiries: function (e) {
        return e.currentTarget.checked;
    }
});

继承模板：

<label>Show Completed: <input type="checkbox" class="completedEnquiries" /></label>

我不知道我在这里做错了什么？

修改

以下是问题的解答：http://jsfiddle.net/9cvVv/167/

Answer 1

问题是从您的事件处理程序返回e.currentTarget.checked。从此处理程序返回true或false将为您选中或取消选中该框

 filterCompletedEnquiries: function(e) {
        //return e.currentTarget.checked;
    },

注释掉return语句，它运行正常。你仍然可以获取信息，但不要从方法中返回任何内容。

 filterCompletedEnquiries: function(e) {
        var isChecked = e.currentTarget.checked;
        // do stuff here, based on it being checked or not
    },

修改

以下是一个示例，基于评论中的对话：

views.PaginatedView = Backbone.View.extend({
    events: {
        'click input.completedEnquiries': 'completedEnquiriesClicked'
    },

    // this is explicitly an event handler, and that's all it should be used for
    completedEnquiriesClicked: function(e){
      this.showCompletedEnquiries = e.currentTarget.checked;
    },

    doSomething Else: function (e) {
        // now that we need to know, we can just check that attribute
        if (this.showCompletedEnquiries){
          // do something here
        }
    }
});

这只是您拥有的众多选项之一，可以按照您的方式进行。