javascript - knockout js单选按钮点击事件重置选择

Question

我在单选按钮列表上绑定(bind)了“checked”和“click”事件。但是只要单击单选按钮，选择就不会保留。我一定是做错了什么。如果你们能指出我正确的方向，我真的很感激。

请参阅Fiddle Here

查看模型:

var viewModel = {
    wantsSpam: ko.observable(true),
    spamFlavor: ko.observable('cherry'),

    click: function(model){
        console.log(model);
    }
};

查看:

<input type="radio" name="flavorGroup" value="cherry" 
       data-bind="checked: spamFlavor, click:click" />

Answer 1

来自click event documentation:

By default, Knockout will prevent the click event from taking any default action.
...
However, if you do want to let the default click action proceed, just return truefrom your click handler function.

因此，由于您的 click 处理程序，您的单选按钮被重置，要修复它，您只需要在最后 return true 即可:

click: function(){
   alert('Hi');
   return true;
}

演示 JSFiddle .