Использование группы кнопок Twitter Bootstrap в качестве переключателя радио с привязками выбивки
Это работает:
view.html
<div><input type="radio" name="radioPriority" data-bind="checked: priority" value="want" style="margin-top: -3px; margin-right: 3px;" />I want to</div>
<div><input type="radio" name="radioPriority" data-bind="checked: priority" value="need" style="margin-top: -3px; margin-right: 3px;"/>I need to</div>
controller.js
function feedbackViewModel() {
var self = this;
self.priority = ko.observable("want");
//lots of other stuff
}
Как и ожидалось, когда вы выбираете второе радио, значение наблюдаемой приоритетности изменяется на «потребность». Тем не менее, я хотел бы использовать группу кнопок Bootstrap в качестве радио. Вот HTML-код, который у меня есть, но он не меняет наблюдаемого, как ожидалось:
<span class="btn-group" data-toggle="buttons-radio">
<button data-bind="checked: priority" type="button" class="btn" value="want">I want to</button>
<button data-bind="checked: priority" type="button" class="btn" value="need">I need to</button>
</span>
Обновить У меня есть jsfiddle собирается здесь:http://jsfiddle.net/a8wa8/6/ «priority1» - стандартное радио, и «priority2» - кнопки начальной загрузки.