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

时间:2013-06-24 13:29:09

标签: javascript knockout.js knockout-2.0 knockout-mapping-plugin

返回对象的函数

 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!!')])
}
问题是,当有很多聚会时,如果我检查一方,它会检查所有输入

我怎么能列举各方???

1 个答案:

答案 0 :(得分:0)

这个小提琴考试适合我,试试吧: 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>