javascript - knockout 复选框问题

Question

我有一个复选框，我想在其上绑定(bind)一个函数，该函数在复选框被选中时执行某些操作，而在复选框未被选中时执行某些操作。

但复选框不会保持选中状态。它在函数被调用时被检查，但在退出函数后它被取消检查。我做错了什么？

这是我正在尝试做的示例: http://jsfiddle.net/GSeFD/

JS:

function MyViewModel() {
    var self = this;
    self.click = function(data,event) {
        if ($('#checkbox').is(':checked')){
            console.log('checked');
        }
        else{
            console.log('unchecked');
        }
    }
}
ko.applyBindings(new MyViewModel());

HTML:

<input type="checkbox" id="checkbox" data-bind="click: $root.click" />

Answer 1

在 click 处理程序中，如果您想触发默认的浏览器事件(例如选中复选框)，您需要返回 true

self.click = function(data,event) {
    if ($('#checkbox').is(':checked')){
        console.log('checked');
    }
    else{
        console.log('unchecked');
    }
    return true;
}

演示 JSFiddle.

另请参阅文档:Note 3: Allowing the default click action

顺便也应该考虑使用checked binding如果您正在使用复选框。