검도 라디오 버튼 변경 내 라디오 버튼의

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

여기

일부 코드이며