jQuery Mobile – Toggle enable and disable state of a radio button

Question

I have a radio button that I would like to be able to enable and disable through jQuery Mobile.

Radio button code:

<input type="radio" disabled="disabled" value="option1" />

tried:

$('input[type="radio"]').removeAttr('disabled');

and

$('input[type="radio"]').attr('disabled', '');

Neither of which seem to be able to toggle the button to enabled.

Answer 1

<input type="radio" id="rdoToggle" value="option1" />
$("input[type='radio']").checkboxradio('enable');

Refer the documnentation , jQuery and jQuery Mobile are different in this action.

$('#rdoToggle').toggle(function() {
  $("input[type='radio']").checkboxradio('enable');
}, function() {
  $("input[type='radio']").checkboxradio('disable');
});