Demo of Enable and Disable single radio buttons



<input type='radio' name='options' id='opt1' value='option1' >
<input type='radio' name='options' id='opt2' value='option2' >
<input type='radio' name='options' id='opt3' value='option3' checked >
<input type='radio' name='options' id='opt4' value='option4' >

CSS

<style>
.lb{ 
 text-align:left; 
FONT-SIZE: 14px;
font-weight: normal; color: #4c4c4c;
font-family: Verdana;
position: relative; 
}
</style>

HTML


<div class="row">
  <div class="col-md-8"><input type=button id='b1' value='Disable all '><input type=button id='b2' value='Enable all '>
<form id='f1'>
<table>
<tr><td>
<h3 id='q1'>Sample Question One</h3></td></tr>
<tr><td>
<tr><td>
      <input type='radio' name='options' id='opt1' value='option1' > <label for='opt1' class='lb'>Option one</label>  <input type='radio' name='options' id='opt1' value='option1' >
</td></tr>
<tr><td>
      <input type='radio' name='options' id='opt2' value='option2' >  <label for='opt2' class='lb'>Option two </label> <input type='radio' name='options' id='opt2' value='option2' >
</td></tr>

<tr><td>
      <input type='radio' name='options' id='opt3' value='option3' checked>  <label for='opt3' class='lb'>Option three </label> <input type='radio' name='options' id='opt3' value='option3' checked >
</td></tr>
<tr><td>
      <input type='radio' name='options' id='opt4' value='option4' >  <label for='opt4' class='lb'>Option four</label> <input type='radio' name='options' id='opt4' value='option4' >
</td></tr>
</table>
</form>
</div>
  <div class="col-md-4"><div id='t1' style="position:absolute;"></div></div>
</div>

jquery


<script>
$(document).ready(function() {
$('#b1').click(function(){
//$("input:radio[name=options]").attr("disabled",true); // all disabled
$("#opt1").attr("disabled",true); // single option disabled
//$("#opt1,#opt2").attr("disabled",true); // Two  options disabled
})

$('#b2').click(function(){
$("input:radio[name=options]").attr("disabled",false);
})

})
</script>