使用复选框启用/禁用按钮

debugcn 发表于 Dev

奥威斯·艾哈迈德（Owais Ahmed）

如果同时选中了两个复选框，则需要启用/禁用按钮。我想在ockout.js中做。我还是一个初学者。我已经找到了一个使用复选框的启用/禁用按钮的示例，但是它正在处理1个复选框。在我的方案中，我有两个复选框，应选中两个复选框以启用该按钮。如果未选中任何复选框，则应禁用该按钮。

<input type="checkbox" data-bind="checked: myBoolean" />
<button data-bind="enable: myBoolean">My Button</button>

ko.applyBindings({ myBoolean: ko.observable(true) });

任何帮助或建议，将不胜感激。

提前致谢

菲利普·比克

你可以

为另一个复选框添加另一个可观察的对象
为按钮添加一个可计算的observable，仅当两个复选框都选中时（observables为true）才返回true

var test = { 
  myBoolean1: ko.observable(false),
  myBoolean2: ko.observable(false)
};
test.myComputed = ko.computed(function() { return test.myBoolean1() && test.myBoolean2() });

ko.applyBindings(test);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<input type="checkbox" data-bind="checked: myBoolean1" />
<input type="checkbox" data-bind="checked: myBoolean2" />
<button data-bind="enable: myComputed">My Button</button>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。