JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="radiobutton" id="radiobutton1"> <label for='radiobutton1'>Radiobutton 1</label><br />
<input type="radio" name="radiobutton" id="radiobutton2"> <label for='radiobutton2'>Radiobutton 2</label><br />
<input type="radio" name="radiobutton" id="radiobutton3"> <label for='radiobutton3'>Radiobutton 3</label><br />
<input type="radio" name="radiobutton" id="radiobutton-other"> Other: <input type="text" id="radiobutton-input" value="" style="width: 35px; text-align: right;">

JavaScript

$('#radiobutton-input').click(function(){
    $('#radiobutton-other').trigger('click');
});