Demo of selecting radio button on click event of buttons

jquery

<script>
$(document).ready(function() {
$('#b1').click(function(){
$("#opt1").prop("checked", true); 	
});
///
$('#b2').click(function(){
$("#opt2").prop("checked", true); 	
});
//
$('#b3').click(function(){
$("#opt3").prop("checked", true); 	
});
///
$('#b4').click(function(){
$("#opt4").prop("checked", true); 	
});
//
})
</script>

HTML

<div class="row">
  <div class="col-md-10">
<form id='f1'>
<table>
<tr><td>
      <input type='radio' name='options' id='opt1' value='option1' > <label for='opd1' class='lb'>Option one</label><br> <br> 
</td></tr>
<tr><td>
      <input type='radio' name='options' id='opt2' value='option2' >  <label for='opt2' class='lb'>Option two </label><br><br>
</td></tr>

<tr><td>
      <input type='radio' name='options' id='opt3' value='option3' checked>  <label for='opt3' class='lb'>Option three </label><br><br>
</td></tr>
<tr><td>
      <input type='radio' name='options' id='opt4' value='option4' >  <label for='opt4' class='lb'>Option four</label> <br><br>
</td></tr>

</table>

</form>
</div>
  <div class="col-md-2"><div id='d1' style="position:absolute;"></div>
  
  <a href='#' id=b1 role='button' class='btn btn-outline-info' >First</a>
  <a href='#' id=b2 role='button' class='btn btn-outline-info' >Second</a>
  <a href='#' id=b3 role='button' class='btn btn-outline-info' >Third</a>
  <a href='#' id=b4 role='button' class='btn btn-outline-info' >Fourth</a>
  
  </div>
</div>