JSFiddle - React, Tailwind, and code Playground

HTML

<div id='type'>
    <label for="radio_1">radio_1</label><input type='radio' id='radio_1' name='type' value='1' />
    <label for="radio_2">radio_2</label><input type='radio' id='radio_2' name='type' value='2' />
    <label for="radio_3">radio_3</label><input type='radio' id='radio_3' name='type' value='3' /> 
</div>
<button id="button_1">check radio_1</button>
<button id="button_2">check radio_2</button>
<button id="button_3">check radio_3</button>

JavaScript

$("#button_1").click(function() {
    $("INPUT[name=type]").val(['1']);
});

$("#button_2").click(function() {
    $("INPUT[name=type]").val(['2']);
});

$("#button_3").click(function() {
    $("INPUT[name=type]").val(['3']);
});