javascript - Backbone - 复选框保持选中状态？

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>

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

编辑

这是问题的Jsfiddle：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
        }
    }
});

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