JSFiddle - React, Tailwind, and code Playground

enabling/disabling jquery-ui radio tags makes them loose their checked state

by klaus triendl

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsviews/0.9.84/jsviews.min.js"></script>
<script src="https://www.jsviews.com/download/sample-tag-controls/jsviews-jqueryui-widgets.min.js"></script>
<script id="RadioGroupTemplate" type="text/x-jsrender">
<div>
  <label>Close application
	  <input type="checkbox" data-link="closeApp">
  </label>
</div>
<div>
  <p>group</p>
  {^{radiogroup withCtrlC}}
  	{^{radio value="0" label='Ctrl+Break' ^_disabled=!closeApp/}}
  	{^{radio value="1" label='Ctrl+C' ^_disabled=!closeApp/}}
  {{/radiogroup}}
</div>
<div>
  <p>free-standing</p>
	{^{radio withCtrlC2 value="0" label='Ctrl+Break' ^_disabled=!closeApp/}}
	{^{radio withCtrlC2 value="1" label='Ctrl+C' ^_disabled=!closeApp/}}
</div>
</script>

<div id="target">
...
</div>

JavaScript

$.templates('RadioGroupTemplate', '#RadioGroupTemplate');

$.link.RadioGroupTemplate('#target', {
  closeApp: true,
  withCtrlC: '1',
  withCtrlC2: '1',
});