Multiple autofocus on radio input select option
<p>I'm using a Twitter Bootstrap 3 form with (4) Radio form controls. When a user clicks on any of the four radio controls, an <code>&lt;input type="text"&gt;</code> appears. How do I make it, so that the first input, on any radio option select is "autofocus".</p>

<p><a href="https://i.stack.imgur.com/5jUQV.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5jUQV.gif" alt="on radio select input field autofocus"></a></p>

<p>To see code, if you may, please visit: <a href="https://von.host/cart.php?a=add&amp;pid=20" rel="nofollow noreferrer">https://von.host/cart.php?a=add&amp;pid=20</a></p>

<p>It just seems silly to have the user click a radio button, than click again on the input field and type, than click once more on submit button...instead of three clicks, I wish to make it two.</p>

<p>p.s. - i added "autofocus" to all (4) input fields, but it only worked for the first one...of course ^ _ ^</p>