更改時Kendo單選按鈕綁定的可觀察值未更新

Question

我的單選按鈕的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>

我的綁定可觀察到的是：

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

在單選按鈕正確的位置，首先將我選擇的內容輸入radioObservable.set（）方法。 但是，當我選擇其他選項並單擊“保存...”時，radioDragDrop仍為“ EnableUser”。

在您選擇3個單選按鈕的其他選項時，誰能看到此綁定有什么問題，而這會導致radioDragDrop無法更新？

Answer 1

我創建了一個DEMO ，將單選按鈕綁定到可觀察對象似乎正常工作。

這是一些代碼片段：

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'));
});