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

时间:2012-06-12 04:51:46

标签: knockout.js

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

以下是我尝试的似乎不起作用的内容:

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

有什么想法吗?

1 个答案:

答案 0 :(得分:7)

您希望在视图模型上使用checked绑定绑定您的复选框,然后在按钮上使用enabledisable绑定。

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

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