asp.net-mvc - 使用 Knockout.js (MVC Razor) 将复选框绑定(bind)到数组

Question

我有一个看起来像这样的 Knockout.js View 模型:

"UserName":null,
"FirstName":null,
"LastName":null,
"Countries":{
    "arrCountries":[]
}

还有一组必须使用相同的 data-bind 值呈现的国家/地区复选框(我正在使用 this 自定义 CheckBoxListFor 助手，它可以将自定义 HTML 应用于每个复选框，但是每个复选框都有相同的自定义 HTML。它需要一个属性，该属性列出了我的 razor View 模型中的每个可用国家/地区来创建复选框，然后根据另一个 razor View 模型属性将一些呈现为标记)。

复选框值是整数(1、2、3 等)，我想将这些整数放入 View 模型的 arrCountries 属性中。

下面是一个复选框的呈现方式:

<input checked="checked" data_bind="checked: ???" id="Countries.arrCountries107" name="Countries.arrCountries" type="checkbox" value="1"></input>

我已经证明了使用 viewModel.Countries.arrCountries.push(1); 来更新 View 模型的概念(然后是一个警报，它给我 arrCountries 中的元素计数以证明 push 有效)，但我似乎无法将复选框上的 data-bind HTML 属性连接起来，以便它们在我发送时检查和取消选中push 和 remove 命令。

非常感谢任何帮助!

Answer 1

使选中的数据属性指向选定的国家。如果复选框的值在复选框数组中，则将对其进行检查。否则不会。

<input checked="checked" data-bind="checked: Countries" type="checkbox" value="3"></input>

看看我放的这个 fiddle 。

http://jsfiddle.net/u8xP9/3/