JSFiddle - React, Tailwind, and code Playground
HTML
<table cellpadding="0" cellspacing="0" border="1">
<tr>
<td>
1)
</td>
<td>
<input type="radio" name="rdoSample" value="a" />
a
<input type="radio" name="rdoSample" value="b" />
b
<input type="radio" name="rdoSample" value="c" />
c
</td>
<td>
<input type="button" value="Check Option 1" id="btnCheck1" />
<input type="button" value="Check Option 2" id="btnCheck2" />
<input type="button" value="Check Option 3" id="btnCheck3" />
</td>
</tr>
<tr>
<td>
2)
</td>
<td>
<input type="radio" name="rdoSample1" value="11" />
11
<input type="radio" name="rdoSample1" value="22" />
22
<input type="radio" name="rdoSample1" value="33" />
33
</td>
</tr>
<tr>
<td colspan="3" align="center">
<input type="button" value="Reset" id="btnReset" />
</td>
</tr>
</table>
JavaScript
$(document).ready(function() {
$('#btnReset').click(function() {
$('input[type=radio]').prop('checked', function() {
return this.getAttribute('checked') == 'checked';
});
});
$('#btnCheck1').click(function() {
$('input[name=rdoSample][value="a"]').prop('checked', 'checked');
});
$('#btnCheck2').click(function() {
$('input[name=rdoSample][value="b"]').prop('checked', 'checked');
});
$('#btnCheck3').click(function() {
$('input[name=rdoSample][value="c"]').prop('checked', 'checked');
});
});