2015-02-05 55 views
0

我是新淘汰赛,我无法解决一个小问题,即将复选框设置为默认选定。无法设置检查为默认 - 淘汰赛复选框

HTML:

<tr> 
    <td> 
     <input id="summary" type="checkbox" checked="checked" data-bind="checked: Summarise"/> 
     Summary 
    </td> 
</tr> 

Doc.Ready:

if (!viewModel) { 
    viewModel = new ViewModel(); 
} 

ko.applyBindings(viewModel, document.getElementById("ParametersView")); 

这将返回当它被调用未选中的复选框。

+0

在您的视图模式中给出'this.Summarise(true)'。工作小提琴http://jsfiddle.net/supercool/LkqTU/22460/ – 2015-02-05 16:37:36

+0

@supercool是正确的。您的视图不应该试图驱动模型的默认值。摆脱'checked =“checked”'属性。 – 2015-02-05 16:51:54

+0

谢谢guys.I现在效果很好! – spongecode 2015-02-05 17:38:57

回答

1

默认情况下,要设置复选框checked,我们只需要将true分配给绑定到checked prop的observable。

视图模型:

var viewModel= { 
    Summarise:ko.observable(true) 
} 

ko.applyBindings(viewModel); 

查看:

<input id="summary" type="checkbox" data-bind="checked: Summarise"/> 

工作拨弄here

对于文档,请参阅here

+0

不,这是一个完全不同的场景,还有一天的另一个问题。做它标记。感激它,欢呼 – 2015-02-06 16:18:40

0

使用ko.observable(true),然后将其绑定到输入并检查属性:有关说明,请参见documentation关于淘汰网站。