在KnockoutJS中,如何根据观察值动态禁用或启用按钮？

Question

我想禁用表单中的按钮,直到选中复选框.我正在查看Knockout attr绑定,但它只控制元素上属性的值,而不是该属性是否应附加到元素.

这是我尝试过的似乎不起作用的东西:

<a href=#" data-bind="attr: $root.isChecked() ? {} : { 'disabled' : 'disabled' }">Save Changes</a>

有任何想法吗？

Answer 1

您可能希望使用checked视图模型上的布尔值绑定绑定复选框,然后使用按钮上的enable或disable绑定.

http://knockoutjs.com/documentation/enable-binding.html

示例:http://jsfiddle.net/rniemeyer/M6BzW/