0

我在使用 knockoutjs 的单选按钮时遇到问题。我花了几天时间才找到解决方案。你可以在下面看到我的代码：

这是我的 html 标签：

<ul data-bind="foreach:services">
<li>
    <input type="radio" data-bind="value:id,checked:$parent.selectedservice" name="burwood" />
    <span data-bind="text: name"></span>
</li>
</ul>
<br /> 
<button data-bind="click:clicksave">Save</button>

那么这是我的javascript：

var service = function (id, name) {
        var self = this;
        self.id = ko.observable(id);
        self.name = ko.observable(name);
    };

    var model = function () {
        var self = this;
        self.services = ko.observableArray([]);
        self.addservice = function (service) {
            self.services.push(service);
        };
        self.selectedservice = ko.observable();
        self.selectedservice.subscribe(function () {
            alert('call ajax here.');
        }, null, "change");
        self.clicksave = function () {
            alert(self.selectedservice);
        };
    }


        var m = new model();
        m.addservice(new service('1', 'First'));
        m.addservice(new service('2', 'Second'));
        m.addservice(new service('3', 'Third'));
        m.addservice(new service('4', 'Fourth'));
        m.selectedservice = '1';
        ko.applyBindings(m);

您可以访问http://jsfiddle.net/johnhadikusumo/jdApu/了解代码的实际操作。

基本上，我希望在用户更改单选按钮列表的选择时调用 ajax。如果似乎 self.selectedservice.subscribe 在其值由于某种原因发生更改时不会被触发。

有什么帮助吗？

干杯

约翰

4

1 回答 1

1

这是有问题的行，它删除了 observable：

m.selectedservice = '1';

将其替换为：

m.selectedservice('1');

更新小提琴：http: //jsfiddle.net/jdApu/4/

于 2013-11-06T12:29:07.013 回答