Utilice el grupo de botones de Twitter Bootstrap como selección de radio con enlaces de nocaut

Esto está funcionando:

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
}

Como se esperaba, cuando selecciona la segunda radio, el valor del observable de prioridad cambia a "necesidad". Sin embargo, me gustaría usar un grupo de botones de Twitter Bootstrap como radio. Aquí está el HTML que tengo, pero no cambia el observable como se esperaba:

<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>

actualizar Tengo un jsfiddle que va aquí:http://jsfiddle.net/a8wa8/6/ "prioridad1" es la selección de radio estándar y "prioridad2" son los botones de arranque.

Respuestas a la pregunta(2)

Su respuesta a la pregunta