Question

我遇到带有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由于某种原因其值已更改时未触发。

任何帮助？

欢呼声

约翰

Answer 1

这是违规行，它删除了observable：

m.selectedservice = '1';

将其替换为：

m.selectedservice('1');

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

选定的单选按钮更改时调用Ajax

1 个答案: