挖空绑定复选框组

Knockout binding checkbox group

本文关键字：复选框 绑定      更新时间：2023-09-26

我有一个动态生成的复选框组，我需要将其绑定到我的挖空视图模型。

这是我的复选框组代码：

<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>

因此，在这里，我可以选中多个复选框，而不是单选按钮组。所以首先需要知道如何创建我的挖空视图模型以管理多个值，然后如何绑定它。

我在小提琴手中创建这个以供参考。它具有 json 集合。

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

多谢。

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

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

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

相关文章：