/ 设置 10 秒超时 // 每日统计清 0 runtime_set('todaycomments', 0); runtime_set('todayarticles', 0); runtime_set('todayusers', 0); if ($forumlist) { $fidarr = array(); foreach ($forumlist as $fid => $forum) { $fidarr[] = $forum['fid']; } forum_update($fidarr, array('todayposts' => 0, 'todaythreads' => 0)); } // 清理临时附件 attach_gc(); // 当天24点 $today = strtotime(date('Ymd')) + 86400; runtime_set('cron_2_last_date', $today, TRUE); // 往前推8个小时，尽量保证在前一天 升级过来和采集的数据会很卡 // table_day_cron($time - 8 * 3600); cache_delete('cron_lock_2'); } } } ?>javascript - Can a Knockout observable be data bound to the value of a radio button? - Stack Overflow|Concepts Of Algorithm
  2. Algorithm
  3. javascript - Can a Knockout observable be data bound to the value of a radio button? - Stack Overflow

javascript - Can a Knockout observable be data bound to the value of a radio button? - Stack Overflow

admin2025-04-20  2

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.

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.

  • javascript
  • data-binding
  • radio-button
  • knockout.js
Share Improve this question edited Apr 6, 2012 at 13:37 KodeKreachor asked Apr 6, 2012 at 13:31 KodeKreachorKodeKreachor 8,89210 gold badges49 silver badges64 bronze badges
Add a ment  | 

3 Answers 3

Reset to default 3

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/jearles/JcPXy/

FYI for other readers ing to the accepted answer, KO v3 added the checkedValue binding which now makes this possible.

I needed this too. My solution was similar to John Earles except I used a puted instead of subscribe: 

self.selectedVehicleGroup = ko.puted(function(){
    return ko.utils.arrayFirst(self.availableGroups(), function (group) { return group.name() == self.selectedGroupOption(); });
});

http://jsfiddle/JcPXy/91/

转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1745115287a285823.html

javascriptCan a Knockout observable be data bound to the value of a radio buttonStack Overflow

最新回复(0)