Knockout js 绑定 radio 时，当绑定整形的时候，绑定不生效

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

解决方案：使用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);

就可以生效了。