进行更改时，Kendo 单选按钮绑定 Observable 不更新值答案

【问题标题】：Kendo Radio Button Bound Observable Not Updating Value When Change Is Made进行更改时，Kendo 单选按钮绑定 Observable 不更新值
【发布时间】：2018-02-15 03:10:12
【问题描述】：

我的单选按钮的 html 是：

<div class="slds-form-element" style="text-align:center;">
    <div id="radio-wrapBorder" style="border-top: 2px solid #f48942;"></div> 
    <label class="slds-form-element__label" for="radio-wrap" style="color: white; font-size: 15px; margin-top: 5px;">Allow Users To Control Their Drag And Drop Settings:</label>             
    <div class="slds-form-element__control">
        <div id="radio-wrap">
            <input type="radio" class="k-radio" id="radioDisableDragDrop" value="DisableAll" name="radioGroup" data-bind="checked: radioDragDrop" style="margin-top: 5px; margin-bottom: 15px;"/><label for="radioDisableDragDrop" class="k-radio-label" id="radioDisableDragDropLabel" style="color: white;">Drag and Drop <b>DISABLED</b> for all users. This will not show up as an option in user settings.</label><br />
            <input type="radio" class="k-radio" id="radioEnableDragDrop" value="EnableAll" name="radioGroup" data-bind="checked: radioDragDrop" style="margin-top: 5px; margin-bottom: 15px;"/><label for="radioEnableDragDrop" class="k-radio-label" id="radioEnableDragDropLabel" style="color: white;">Drag and Drop <b>ENABLED</b> for all users. This will not show up as an option in user settings.</label><br />
            <input type="radio" class="k-radio" id="radioUserDragDrop" value="EnableUser" name="radioGroup" data-bind="checked: radioDragDrop" style="margin-top: 5px; margin-bottom: 15px;"/><label for="radioUserDragDrop" class="k-radio-label" id="radioUserDragDropLabel" style="color: white;">Drag and Drop determined by user preferences.</label>
        </div> 
    </div>
</div>

我的绑定 observable 是：

var radioObservable = kendo.observable({ radioDragDrop: null });
kendo.bind($('#radio-wrap'), radioObservable);
radioObservable.set('radioDragDrop', 'EnableUser');
console.log(radioObservable);

如果单选按钮正确，最初选择我传递给 radioObservable.set() 方法的任何内容。但是，当我选择不同的选项并单击保存时... radioDragDrop 仍然是“EnableUser”。

当您选择 3 个单选按钮的不同选项时，任何人都可以看到此绑定有什么问题会导致 radioDragDrop 不更新？

【问题讨论】：

标签： javascript jquery kendo-ui radio-button kendo-observable

【解决方案1】：

我创建了一个DEMO，并且单选按钮与可观察对象的绑定似乎工作正常。

这里是一些代码sn-p：

JS：

var radioObservable = kendo.observable({ radioDragDrop: null });
kendo.bind($('#radio-wrap'), radioObservable);
radioObservable.set('radioDragDrop', 'EnableUser'); //default checked option
//radioObservable.trigger('change');
console.log(radioObservable);

$('#save').click(function () {
  alert('current selected option = ' + radioObservable.get('radioDragDrop'));
});

【讨论】：