javascript - jsonを使用したノックアウトバインディングチェックボックスグループ

Question

次の3つのチェックボックスがあるknockoutjsコードがあります。

http://jsfiddle.net/gzfff/2/

ここでの問題は、チェックボックスがjsonデータに正しくバインドされていないことです。

どんな手掛かり？

HTML

<form>
    <div>
        <div>
            <label><input type="checkbox" data-bind="checked: properties" value="1" />Property ABC</label><br/>
            <label><input type="checkbox" data-bind="checked: properties" value="2" />Property CON</label><br/>
            <label><input type="checkbox" data-bind="checked: properties" value="3" />Property ZZZ</label>
        </div>
    </div>
</form>

<hr/>

<div data-bind="text: ko.toJSON(properties)"></div>​

JS

var jsonData= [1,2];

var App = function (jsondata) {
    var self = this;

    self.properties = ko.observableArray(jsondata);
};
var appViewModel = new App(jsonData);
ko.applyBindings(appViewModel);​

ありがとう

Answer 1

行を変更します

var jsonData= [1,2];

に

var jsonData= ["1","2"];

http://jsfiddle.net/hE92D/