javascript - Knockout 绑定(bind)复选框组

Question

我有一个动态生成的复选框组，我需要将它绑定(bind)到我的 knockout View 模型。

这是我的复选框组代码:

<p>
    <label>Properties</label>
    <span class="formwrapper">
        @{
            foreach (ComboProperty item in this.Model.Properties)
            { 
                @:<input type="checkbox" name="chkproperty" value="@item.PropertyId" /> @item.Name<br/>

                }
        }
    </span>
</p>

所以在这里我可以选择多个复选框而不是单选按钮组。所以首先需要知道如何创建我的 knockout viewmodel 以管理多个值，然后如何绑定(bind)它。

我在 fiddler 中创建了这个以供引用。它有 json 集合。

http://jsfiddle.net/SSHev/5/

非常感谢。

Answer 1

我不确定你想要完成什么，但我已经更新了你的 jsFiddle 以使其工作:

http://jsfiddle.net/SSHev/11/

当你有多个相关的复选框时，你有一个多选输入。在 Knockout 中，这样的输入可以映射到一个值数组。正如您在我更新的 fiddle 中看到的那样，选中和取消选中这些框将在 self.properties 变量中插入或删除适当的值。这个变量是一个可观察的数组。