敲除绑定复选框组

时间:2012-08-14 17:18:59

标签: javascript jquery knockout.js

我有一个动态生成的复选框组,我需要将它绑定到我的knockout viewmodel。

以下是我的复选框组代码:

<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,以便管理多个值,然后如何绑定它。

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

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

非常感谢。

1 个答案:

答案 0 :(得分:2)

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

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

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