보기 모델을 동기화 상태로 유지하면서 라디오 버튼 선택 취소

Question

사용자 (jQuery 이벤트 사용)가 이전 선택 사항을 선택 취소 할 수있는 라디오 그룹이 있습니다. KnockoutJS를 추가하여 변경 사항을 추적하려고하지만 뷰 모드는 UI와 동기화되지 않습니다. 아무도 내가 동기화 할 수있는 방법을 제안 할 수 있습니까?

내보기 코드 : JS 대응

<div id='test'> 
    <input data-bind="checked: asd" name='asd' type='radio' value="a"/> 
    <input data-bind="checked: asd" name='asd' type='radio' value="b"/> 
    <input data-bind="checked: asd" name='asd' type='radio' value="c"/> 
</div> 
<div> 
    <p>Linked Value: <span data-bind="text: asd"></p> 
</div> 

:

$('#test input[type="radio"]').click(function (event) { 
    var checked = $(this).hasClass('checked'); 
    if (checked) { 
     $(this).removeAttr('checked'); 
     $(this).removeClass('checked'); 
    } 
    else { 
     $(this).addClass('checked'); 
    } 
}); 

var viewModel = { 
    asd: ko.observable("a") 
}; 

ko.applyBindings(viewModel); 

예는 this fiddle 온라인 여기에서 볼 수 있습니다.

Answer 1

내가하는 간단한 방법이해야 할 것이라고 생각 : 피드백에 대한

$('#test input[type="radio"]').click(function (event) { 
    if ($(this).val() === viewModel.asd()) { 
     viewModel.asd(null); 
    } 
}); 

Updated Fiddle

Answer 2

확인 된 속성에 대해 걱정할 필요가 없습니다. 여기에 이벤트를 변경합니다

$('#test input[type="radio"]').click(function (event) { 

    var checked = $(this).hasClass('checked'); 
    if (checked) { 
     $(this).removeClass('checked'); 
    } 
    else { 
     $(this).addClass('checked'); 
    } 
}); 

Fork of your fiddle here