在knockout中标记复选框和单选按钮

11 浏览
0 Comments

在knockout中标记复选框和单选按钮

在html中，当我们点击文本或悬停在单选按钮或复选框的文本上时，我们可以使用以下html选择它：

或者

我试图在knockout中实现相同的行为，但是找不到太多相关的帮助：

视图（或html）如下（请注意，下面的代码不包含上面的html，因此在尝试时需要进行上述更改并检查它）：

    
    


​

这是视图模型：

var viewModel = {
    options: [
                { optiontext: '简单', optionvalue: "1" },
                { optiontext: '高级', optionvalue: "2" }
             ],
    selectedOptions: ko.observableArray(["2"])
};
viewModel.selectedOptionsList = ko.computed(function() {
    return this.selectedOptions().join(",");
}, viewModel);
ko.applyBindings(viewModel);

这是jsFiddle链接：http://jsfiddle.net/rupesh_kokal/AFzbY/

0