JSFiddle - React, Tailwind, and code Playground

by Brenton Strine

HTML

<b>Very Simple:</b>
<input type="text" value="tab always restarts here after any radio is clicked">
<input type="text">
<input type="radio">
<input type="text">
<input type="text">

<b>More Complicated:</b>
<input type="text">
<input type="text">
<fieldset>
    <legend>Yea or Nay?</legend>
    <input type="radio" name="yn" value="Y" id="c1" /><label for="c1">Yes</label>
    <input type="radio" name="yn" value="N" id="c2" /><label for="c2">No</label>
</fieldset>
<input type="text">
<input type="text">

CSS

[type=text] { display:block; }

JavaScript

$("[type=radio]").change(function(){
    $(this).focus();
});