Knockout.js ràng buộc nhóm đài phát thanh không hoạt động

Question

tôi cảm thấy thực sự ngu ngốc nhưng không thể làm cho nó hoạt :)

http://jsfiddle.net/btkmR/

tôi đã Fiddle đơn giản này chỉ để chứng minh rằng tôi không thiếu một cái gì đó trong dự án lớn của tôi.

HTML:

<div> 
    Preferred flavor 
    <div><input type="radio" name="flavorGroup" data-bind="checked: cherryOn" /> Cherry</div> 
    <div><input type="radio" name="flavorGroup" data-bind="checked: almondOn" /> Almond</div> 
    <div><input type="radio" name="flavorGroup" data-bind="checked: mgOn" /> Monosodium Glutamate</div> 
</div> 

JS:

var viewModel = { 
    cherryOn: ko.observable(true); 
    almondOn: ko.observable(false); 
    mgOn: ko.observable(false); 
}; 

ko.applyBindings(viewModel); 

tôi mong đợi để xem Cherry chọn khi khởi động ..

Answer 1

Từ tài liệu Knockout của (http://knockoutjs.com/documentation/checked-binding.html):

Đối radio b uttons, KO sẽ đặt phần tử được kiểm tra nếu và chỉ nếu giá trị tham số bằng thuộc tính giá trị của nút nút radio.

Ví dụ: http://jsfiddle.net/btkmR/2/

<div> 
    Preferred flavor 
    <div><input type="radio" name="flavorGroup" value="cherry" data-bind="checked: flavor" /> Cherry</div> 
    <div><input type="radio" name="flavorGroup" value="almond" data-bind="checked: flavor" /> Almond</div> 
    <div><input type="radio" name="flavorGroup" value="Monosodium" data-bind="checked: flavor" /> Monosodium Glutamate</div> 
</div> 

var viewModel = { 
    flavor: ko.observable("cherry") 
}; 

ko.applyBindings(viewModel); 

Answer 2

Đối với những người, như tôi, đang phải vật lộn để có được nó làm việc với tên nhóm phát thanh tự động bị ràng buộc và đánh giá cao, chú ý đến thứ tự của các ràng buộc trong data-bind.

Tiếp theo sẽ KHÔNG làm việc, như value và name đang bị ràng buộc sauchecked:

<input 
    type="radio" 
    data-bind=" 
     checked: $parent.correctAnswerId, 
     attr: {name: 'correctAnswerFor' + $parent.id, value: id} 
    " 
/> 

đúng trật tự là:

 attr: {name: 'correctAnswerFor' + $parent.id, value: id}, 
     checked: $parent.correctAnswerId