[英]Knockout js checkbox checked binding
在淘汰赛中,我试图对一组数据执行foreach以显示复选框。 我遇到的问题是,在我与其中一个框交互之前,检查的数据绑定似乎没有运行。 例如,下面我生成5个文本框,其中没有一个显示为已选中。 然而,当我点击“一个”时,“两个”和“四个”也会被检查,因为它们本应该从一开始。
使用Javascript:
var viewModel = {};
viewModel.choices = ["one", "two", "three", "four", "five"];
viewModel.selectedChoices = ko.observableArray(["two", "four"]);
viewModel.selectedChoicesDelimited = ko.dependentObservable(function () {
return viewModel.selectedChoices().join(",");
});
ko.applyBindings(viewModel);
HTML:
<ul class="options" data-bind="foreach: choices">
<li><label><input type="checkbox" name="NotifyMembers" data-bind="checked: $parent.selectedChoices, attr: { value: $data }" /><span data-bind="text: $data"></span></label></li>
</ul>
<hr />
<div data-bind="text: selectedChoicesDelimited"></div>
小提琴在: http : //jsfiddle.net/bvGG3/1/
谢谢你的帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.