確定是否在Knockout.js中的click事件上選中了此復選框

Question

我有此復選框控件：

<input type="checkbox" data-bind="attr: { id: 'prefix_12', attributeid: 12, poseId: $parent.Id }, click: $root.addEffect" />
                                            Add Option

和事件代碼：

self.addEffect = function (c, event) {
    var target = event.target;
}

我想知道的是如何確定每個單擊事件的復選框處於選中狀態還是未選中狀態？

Answer 1

淘汰賽的方法是將復選框綁定到像這樣的布爾屬性

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

在視圖模型中

self.someBoolProperty = ko.observable();

而不是使用click事件，而是訂閱屬性

self.someBoolProperty.subscribe(function(newValue){
    if (newValue){
        // do whatever you want to do for checked checkbox
    } else {
        // unchecked
    }
}, self);

Answer 2

您可以使用event.currentTarget

if (event.currentTarget.checked) {
  // do the stuff
}
else {
 // do the stuff
}