JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.2.0/knockout-min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<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>
<br> 
Priority: <input type="text" data-bind="value: priority"></input>
<br>
<br>
<span class="btn-group" data-toggle="buttons-radio">
     <button data-bind="valueClick: priority2" type="button" class="btn" value="want">I want to</button>
     <button data-bind="valueClick: priority2" type="button" class="btn" value="need">I need to</button>    
</span>
<br>
<br>
Priority2: <input type="text" data-bind="value: priority2"></input>

JavaScript

ko.bindingHandlers.valueClick = {
    init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {     
        var value = valueAccessor();
         var newValueAccessor = function() {
            return function() {
                value(element.value); 
            };
        };
         ko.bindingHandlers.click.init(element, newValueAccessor,allBindingsAccessor, viewModel, bindingContext);
    },
}

function feedbackViewModel() {
      this.priority = ko.observable("");
      this.priority2 = ko.observable("");
  }

  ko.applyBindings(new feedbackViewModel());