javascript - 在knockout js上执行不正确的检查绑定(bind)？

Question

我在knockout js中有一个输入类型复选框，我想在选中此复选框时执行“不正确”操作。像这样的事情:

<input type="checkbox" data-bind="checked: !IsVisible"/> 

但这不起作用。我知道我可以调用 IsHidden 并设置常见的检查绑定(bind)，但我有一个特殊的情况，我需要这种行为。

Answer 1

定义自定义绑定(bind)。请参阅“Simplifying and cleaning up views in KnockoutJS”，其中有一个部分与您所要求的非常非常相似。基本上，这样的东西应该可以工作(注意:未经测试):

ko.bindingHandlers.notChecked = {
  update: function(element, valueAccessor) {
    var value = ko.utils.unwrapObservable(valueAccessor());
    ko.bindingHandlers.checked.update(element, function() { return!value; });
  }
};

那么你可以这样做:

data-bind="notChecked: IsVisible"