I'd create a observable to bind to the checkbox:
self.selectedOption = ko.observable();
Then subscribe to that observable to perform your actions when the selected option changes:
self.selectedOption.subscribe(function(newValue) {
console.log('selectedOption change', newValue);
});
You can now just bind selectedOption
to the checked
bindinghandler:
<div class="left-floated-box" >
<input type="radio" name="options" value="1" data-bind="checked:selectedOption" />1
</div>
<div class="left-floated-box" >
<input type="radio" name="options" value="2" data-bind="checked:selectedOption" />2
</div>
See http://jsfiddle.net/sjroesink/bt3mU/ for a demo