javascript - KnockoutJS チェック済みバインディングの問題

Question

私はノックアウトjsに比較的慣れていませんが、チェックボックスのobservableArrayに問題があるようです。チェックボックスには、チェック済みおよび無効な監視可能なプロパティがいくつかあります。

ノックアウトを使用してボックスをチェックおよびチェック解除できますが、チェックボックスを手動で操作すると (IE でマウスをクリックして)、基になるデータが変更されているように見えますが、ノックアウトを使用してボックスをチェックまたはチェック解除することはできません。もう。

HTML

<div id="filterByPrice" data-bind="foreach: priceFilters">
    <div>
        <input type="checkbox" data-bind="attr: {id: $index, value: value, checked: checked, disable: disabled}" />
        <span data-bind="text: label"></span>
    </div>
</div>

Javascript

function FilterBy(name, value, label) {
    this.name = name;
    this.value = value;
    this.label = label;
    this.disabled = ko.observable(false);
    this.checked = ko.observable(false);
}

$(function () {
    var viewModel = {
        priceFilters: ko.observableArray([
        new FilterBy("price0", "0", "All Prices")])
    };

    ko.applyBindings(viewModel);
});

http://jsfiddle.net/paulwilliams0/EYEz2/

私がやっていることが間違っていることはありますか？私はノックアウトが初めてであるだけでなく、MVVM全般も初めてです。どうもありがとう