加入动态检查框和用于显示和淘汰赛隐藏内容

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>