javascript - 动态添加复选框并用于在淘汰赛中显示和隐藏内容

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>

这是我的视图模型

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

问题是当有很多方时，如果我检查一个，它会检查所有输入

我怎么能列举当事人？？？

Answer 1

这个小提琴例子对我有用，试试吧：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>