使用淘汰赛选择所有复选框

Question

我想选择所有使用淘汰赛的复选框。这里是我的视图模型

function MasterViewModel() { 
var self = this; 
self.People = ko.observableArray([new Person("Test1", false), new Person("Test2", false)]); 
self.selectedAllBox = ko.observable(false); 

self.selectedAllBox.subscribe(function (newValue) { 
    if (newValue == true) { 
     ko.utils.arrayForEach(self.People(), function (item) { 
      item.sel = true; 
     }); 
    } else { 
     ko.utils.arrayForEach(self.People(), function (item) { 
      item.sel = false; 

     }); 
    } 
}); 

} 
Person = function (name, sel) { 
this.Name = name; 
this.sel = sel; 
} 

ko.applyBindings(new MasterViewModel()); 

这是我的看法

<table> 
<thead> 
    <tr> 
     <th>Name</th> 
     <th> 
      <input type="checkbox" data-bind="checked: selectedAllBox" /> 
     </th> 
    </tr> 
</thead> 
<tbody data-bind="foreach: $data.People"> 
    <tr> 
     <td data-bind="text: Name"></td> 
     <td class="center"> 
      <input type="checkbox" data-bind="checked: sel" /> 
     </td> 
    </tr> 
</tbody></table> 

我不能让它检查所有。这是我的Fiddle。你能告诉我我做错了什么吗？

Answer 1

你需要让内部Person的sel属性观察到：

Person = function (name, sel) { 
    this.Name = name; 
    this.sel = ko.observable(sel); 
} 

而且你需要设置观察到的int selectedAllBox.subscribe：

self.selectedAllBox.subscribe(function (newValue) { 
    if (newValue == true) { 
     ko.utils.arrayForEach(self.People(), function (item) { 
      item.sel(true); 
     }); 
    } else { 
     ko.utils.arrayForEach(self.People(), function (item) { 
      item.sel(false); 

     }); 
    } 
}); 

演示JSFiddle。