Question

视图

<select data-bind="options: choices, value: selectedChoice"></select>
<div data-bind="text: ko.toJSON($root)"></div>

视图模型

var viewModel = {
    choices: ["Nie", "Täglich", "Wöchentlich"],
    selectedChoice: ko.observable("Täglich")
};

viewModel.selectedChoice.subscribe(function(newValue) {
   alert("the new value is " + newValue); 
});


ko.applyBindings(viewModel);

演示：http://jsfiddle.net/kougiland/vZC8A/1/

Answer 1

http://jsfiddle.net/vZC8A/2/

我想你想要上面这样的东西。 checked绑定并使用virtual elements。

<!-- ko foreach: choices -->
<input type="radio" name="group1" data-bind="checked: $root.selectedChoice, value: $data" /> <span data-bind="text: $data"></span>
<!-- /ko -->

Answer 2

你去http://jsfiddle.net/vZC8A/3/，希望它有所帮助，根据需要进行定制

<div data-bind="foreach: choices">
<div>
    <input type="radio" name="choices"
           data-bind="value: $data, checked: $parent.selectedChoice" />
    <span data-bind="text: $data"></span>
</div>

如何使用单选按钮实现这一点而不使用ko.bindingHandlers

2 个答案: