使用敲除映射库检查无线电输入的绑定

Question

非常简单的data-bind="checked: someBool" 不会检查我的无线电输入。

<input type="radio" data-bind="checked: someBool" />radio

ko 密码...

var data = { someBool: true };
var vm = ko.mapping.fromJS(data);
ko.applyBindings(vm);

收音机未选中。我错过了什么吗？

直播：http://jsbin.com/exokav/4/edit

Answer 1

您需要为要映射到的单选按钮添加一个值属性。此外，该值不会是布尔值，而是在此之后的字符串。我使用以下扩展来为单选按钮使用布尔值。 （直播：http://jsbin.com/exokav/8）：

ko.bindingHandlers.checkedAsBool = {
    init: function (element, valueAccessor, allBindingsAccessor) {
        var observable = valueAccessor(),
            interceptor = ko.computed({
                read: function () {
                    var val = ko.utils.unwrapObservable(observable);
                    return ((val !== null) && (typeof val !== "undefined") ? val.toString() : val);
                },
                write: function (newValue) {
                    observable(newValue === "true");
                },
                owner: this
            });
        ko.applyBindingsToNode(element, { checked: interceptor });
    }
};

基于 RP Niemeyer 的this 回答。