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

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 的这个答案。