javascript - 复选框列表在 Knockout JS 中不起作用

Question

我是 knockout 新手。我正在尝试创建一个复选框列表，我遵循此处的答案:

Working with a list of checkboxes in knockoutjs

但是在尝试绑定(bind)复选框的 CHECKED 属性时出现错误。

HTML:

<ul data-bind="template: { name: 'choiceTmpl', foreach: EnquiryTypeList, templateOptions: { selections: SelectedEnquiryTypes } }"></ul>

<script id="choiceTmpl" type="text/html">
    <li>
        <input type="checkbox" data-bind="attr: { value: $data.Id }, checked: SelectedEnquiryTypes" />
        <span data-bind="text: $data.Text"></span>
    </li>
</script>

JavaScript:

var viewModel = {
    EnquiryTypeList: [new EnquiryType(1, "Text 1"), new EnquiryType(2, "Text 2")],
    SelectedEnquiryTypes: ko.observableArray()

};

function EnquiryType(id, text){
    Id = id,
    Text = text
};

ko.applyBindings(viewModel);

当我将 1 或 0 代替 checked: SelectedEnquiryTypes 时，它会起作用

<ul data-bind="template: { name: 'choiceTmpl', foreach: EnquiryTypeList, templateOptions: { selections: SelectedEnquiryTypes } }"></ul>

<script id="choiceTmpl" type="text/html">
    <li>
        <input type="checkbox" data-bind="attr: { value: $data.Id }, checked: 1" />
        <span data-bind="text: $data.Text"></span>
    </li>
</script>

Answer 1

我认为你应该使用ko.compulated。示例如下:http://jsfiddle.net/7ac8v0wa/5/