Can a Knockout observable be data bound to the value of a radio button?
data-binding, javascript, knockout.js, radio-button
Solution
As documented here only Select nodes have the ability to bind an arbitrary JavaScript object to a value. Other inputs require a string value, which is why your value is returning "[Object object]".
You can still do what you want but you will have to manually map a key and find the appropriate object yourself. Here is a fiddle that demonstrates:
http://jsfiddle.net/jearles/JcPXy/
Problem
Is it possible to bind a Knockout observable property to a radio button using a value binding? Here's what I'm trying to do, but the value ends up being the string "[Object object]" instead of the actual instance of my observable property: ``` <input type="radio" name="vehicleGroup" data-bind="checked: vehicleGroupViewModel().selectedGroupOption , value:vehicleGroupViewModel().car" /> <input type="radio" name="vehicleGroup" data-bind="checked: vehicleGroupViewModel().selectedGroupOption , value:vehicleGroupViewModel().truck" /> ``` Here's the view models I'm using: ``` var VehicleGroupViewModel = function(){ var self = this; this.selectedVehicleGroup = ko.observable(); this.selectedGroupOption = ko.observable(); this.selectedGroupOption.subscribe(function (newVal) { self.selectedVehicleGroup(newVal); } this.selectedGroup = ko.observable(); this.car = ko.observable(new VehicleViewModel()); this.truck = ko.observable(new VehicleViewModel()); } var VehicleViewModel = function(){ this.name = ko.observable(); } ``` So in the end I would like either the Car or Truck VehicleViewModel to be in the selectedVehicleGroup observable.