加入動態檢查框和用於顯示和淘汰賽隱藏內容

Question

函數返回一個對象

function newParty(id,name,date){ 
    return { 
      id:id, 
      name:name, 
      date:date, 
      isVisible:ko.observable(false), 
     } 
    } 

這是HTML

<div data-bind="foreach:$root.partyArray"> 
    <p>show me party: <input type="checkbox" data-bind="checked: $data.isVisible" /></p> 
    <div data-bind="visible: $data.isVisible"> 
     Date of party: "December 
    </div> 
</div> 

這是我的ViewModel

var viewModel=function(){ 
    var self=this; 
    self.partyArray=ko.observableArray([newParty('id','New York Party','now!!')]) 
} 

的問題是，當有很多派對，如果我檢查一個，它會檢查所有輸入

我該如何列舉各方？

Answer 1

這撥弄examle工作對我來說，試試吧： http://jsfiddle.net/LVejc/

<div data-bind="foreach:$root.partyArray"> 
<p>show me party: <input type="checkbox" data-bind="checked: isVisible" /></p> 
<div data-bind="visible: isVisible"> 
    Date of party: <span data-bind="text: date"></span> 
</div>