解决方案: 使用checkedValue和checked 组合,如下代码。
<div><input type="radio" name="flavorGroup" value="0" data-bind="checked: spamFlavor,checkedValue:0" /> Cherry</div>
<div><input type="radio" name="flavorGroup" value="1" data-bind="checked: spamFlavor,checkedValue:1" /> Almond</div>
<div><input type="radio" name="flavorGroup" value="2" data-bind="checked: spamFlavor,checkedValue:2" /> Monosodium Glutamate</div>
var viewModel = {
spamFlavor: ko.observable(1) // Initially selects only the Almond radio button
};
ko.applyBindings(viewModel);
就可以生效了。