2
녹아웃 js는 체크 박스를 표시하기 위해 데이터 배열에서 foreach를 수행하려고합니다. 내가 겪고있는 문제는 상자 중 하나와 상호 작용할 때까지는 체크 된 데이터 바인딩이 실행되지 않는 것입니다. 예를 들어 아래에 5 개의 텍스트 상자가 생성되고 있는데 그 중 아무 것도 체크 표시되지 않습니다. 그러나 "one"을 클릭하면 "two"와 "four"도 처음부터 확인해야합니다.넉 아웃 js 체크 박스 바인딩 확인
자바 스크립트 :
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 : 당신의 도움에 대한 http://jsfiddle.net/bvGG3/1/
감사 :
<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>
바이올린이이다.