Привязка нескольких групп переключателей к одному наблюдаемому кендо не работает - значения не обновляются

Question

Я устанавливаю группу из трех переключателей:

<div id="radio-wrap-task-control" style="text-align: center;">
                            <ul class="radio-group-wrapper" id="view-events-radio" style="margin-top: 5px; margin-bottom: 5px; float: left;">
                                <li>
                                    <input type="radio" class="k-radio view-tasks-control" id="radioViewEvents" value="YesEvents" name="radioEventControl" data-bind="checked: radioViewEvents" style="margin-top: 5px; margin-bottom: 15px;"/><label for="radioViewEvents" class="k-radio-label" id="radioViewEventsLabel" style="color: black;">Display <b>Events</b> in the Scheduler.</label><br />
                                </li>
                                <li>
                                    <input type="radio" class="k-radio view-tasks-control" id="radioNoEvents" value="NoEvents" name="radioEventControl" data-bind="checked: radioViewEvents" style="margin-top: 5px; margin-bottom: 15px;"/><label for="radioNoEvents" class="k-radio-label" id="radioNoEventsLabel" style="color: black;">Hide <b>Events</b> in the Scheduler.</label><br />
                                </li>
                            </ul>
                            <ul class="radio-group-wrapper" id="view-tasks-radio" style="margin-top: 5px; margin-bottom: 5px; display: inline-block;">
                                <li>
                                    <input type="radio" class="k-radio view-tasks-control" id="radioViewTasks" value="YesTasks" name="radioTaskControl" data-bind="checked: radioViewTasks" style="margin-top: 5px; margin-bottom: 15px;"/><label for="radioViewTasks" class="k-radio-label" id="radioViewTasksLabel" style="color: black;">Display <b>Tasks</b> in the Scheduler.</label><br />
                                </li>
                                <li>
                                    <input type="radio" class="k-radio view-tasks-control" id="radioNoTasks" value="NoTasks" name="radioTaskControl" data-bind="checked: radioViewTasks" style="margin-top: 5px; margin-bottom: 15px;"/><label for="radioNoTasks" class="k-radio-label" id="radioNoTasksLabel" style="color: black;">Hide <b>Tasks</b> in the Scheduler.</label><br />
                                </li>
                            </ul>
                            <ul class="radio-group-wrapper" id="view-virtual-steps-radio" style="margin-top: 5px; margin-bottom: 5px; display: {!IsPceInstalled}">
                                <li>
                                    <input type="radio" class="k-radio view-tasks-control" id="radioViewVirtualSteps" value="YesVirtualSteps" name="radioVirtualStepControl" data-bind="checked: radioViewVirtualSteps" style="margin-top: 5px; margin-bottom: 15px;"/><label for="radioViewVirtualSteps" class="k-radio-label" id="radioViewVirtualStepsLabel" style="color: black;">Display <b>PCE VirtualSteps</b> in the Scheduler.</label><br />
                                </li>
                                <li>
                                    <input type="radio" class="k-radio view-tasks-control" id="radioNoVirtualSteps" value="NoVirtualSteps" name="radioVirtualStepControl" data-bind="checked: radioViewVirtualSteps" style="margin-top: 5px; margin-bottom: 15px;"/><label for="radioNoVirtualSteps" class="k-radio-label" id="radioViewVirtualStepsLabel" style="color: black;">Hide <b>PCE Virtual Steps</b> in the Scheduler.</label><br />
                                </li>
                            </ul>
                            </div>

Затем я связываю их в своем javascript с наблюдаемым кендо:

 var radioObservable = kendo.observable({
                radioViewTasks: null,
                radioViewEvents: null,
                radioViewVirtualSteps: null,
            });
            kendo.bind($("[type='radio']"), radioObservable);
            radioObservable.set('radioViewTasks', '{!viewAndEditTasks}');
            radioObservable.set('radioViewEvents', '{!viewAndEditEvents}');
            radioObservable.set('radioViewVirtualSteps', '{!viewVirtualSteps}');

Это установит мои начальные значения (независимо от того, что {! ViewAndEditTasks}, {! ViewAndEditEvents} и {viewVirtualSteps} взяты из моего контроллера).

Затем, когда я изменяю значения и нажимаю кнопку "Сохранить", когда я console.log radioObservable, а также radioObservable.get('radioViewTasks'), radioObservable.get('radioViewEvents'), radioObservable.get('radioViewVirtualSteps'), я просто получите мои начальные значения... Наблюдаемый не обновил свои значения вообще.

Могу ли я связать три разные группы радиокнопок с одним наблюдаемым кендо, как я пытаюсь? И если да, то как мне сделать так, чтобы наблюдаемое на самом деле обновлялось, когда я изменял значения, а не менял исходные значения? Я могу привязаться к событиям изменения и затем установить наблюдаемое поле на выбранное значение, но это лишает смысла привязывать наблюдаемое к переключателям для управления значениями для меня...

Если я не могу связать три разные группы переключателей с одной наблюдаемой, есть ли лучший способ сделать то, что я пытаюсь достичь?