ノックアウトを使用してチェックボックスを更新し、選択した値を保存

Question

すべてのオプションを選択および選択解除し、選択した値をノックアウト配列に保存できるチェックボックスリストがあります。

は、ここに私のHTML

<a><span data-bind="click: selectAllUsers">SELECT ALL</span></a> 
<a><span data-bind="click: deselectAllUsers">DESELECT ALL</span></a> 
<ul data-bind="foreach: users"> 
     <li> 
      <input type="checkbox" data-bind="checked: $parent.selectedUsers" /> 
      <span data-bind="text: name"></span> 
     </li> 
</ul> 

だとここに私のjavascriptのセクションです：

var userData = //populated earlier 
self.users = ko.observableArray([]); 
self.selectedUsers = ko.observableArray([]); 
self.selectAllUsers = function() { 
    self.selectedUsers(userData) 
} 

self.deselectAllUsers = function() { 
    self.selectedUsers([]); 
} 

ビューモデルが初期化され、ユーザーとselectedUsersとの両方が中に保存されているユーザオブジェクトの配列に初期化userData。現在のところ、チェックボックスは自動的にはチェックされません。チェックボックスをオンまたはオフにすると、チェックボックスのすべてのオプションに影響します。理想的には、選択されたチェックボックスを変更して、選択されたユーザを更新するだけです。

Answer 1

value属性のチェックボックスがない場合は、対応する値にcheckedValueバインディングを割り当てる必要があります。あなたの場合：ありがとう@f_martiznez

<input type="checkbox" data-bind="checked: $parent.selectedUsers, checkedValue: $data" /> 

https://jsfiddle.net/xrxskyx8/1/