Построить нокаут-модель и посмотреть динамически, переключатели не установлены

Я нахожусь в процессе создания одного измои предыдущие вопросы полностью динамична в том смысле, что модель построена из данных сервера, и представление перебирает модель представления с помощью нокаутаko foreach функциональность.

Проблемы, с которыми я сталкиваюсь:

Параметры радио не остаются с установленным значением, то есть я нажимаю на Операционную систему, затем выбираю опцию База данных, а затем параметр Операционная система исчезает.

Зависимые параметры (в данном случае база данных и кластеризация) не выбирают свой начальный выбор при изменении зависимого параметра (т. Е. При изменении ОС, БД должен вернуться к первому варианту, но не к нему).

Моя скрипка здесь и я думаю, что проблема либо связана с кодом ниже:

 computedOptions.subscribe(function () {
                    var section = this;
                    console.log("my object: %o", section);   
                    section.selection(section.options()[0].sku);
                },section);

Или мой вид привязки:

<!-- ko foreach: selectedOptions -->
    <h3><span data-bind="text: description"></span></h3>
    <table class="table table-striped table-condensed">
        <thead>
            <tr>
                <th colspan="2" style="text-align: left;">Description</th>
                <th>Price</th>
            </tr>
        </thead>
        <tbody>
            <!-- ko foreach: options -->
            <tr>
                <td><input type="radio" name="$parent.name" data-bind="checkedValue: $data, checked: $parent.selection" /></td>
                <td style="text-align: left;"><span data-bind="text: name"></span></td>
                <td style="text-align: left;"><span data-bind="text: price"></span></td>
            </tr>
            <!-- /ko -->
        </tbody>
    </table>
<!-- /ko -->

Я не уверен, что и был бы признателен за свежие глаза, так как мой мозг болит от сессии jsfiddle.

Ответы на вопрос(1)

Ваш ответ на вопрос