更改Html页面中单选按钮组的选项卡顺序

如果我在一个网页上有两个单选按钮组（使用名称属性分组），那么在使用TAB键时，是否可以更改它们的移动顺序？

<input type="radio" name="group1" value="1">One<br/>
<input type="radio" name="group1" value="2">Two<br/>
<input type="radio" name="group1" value="3">Three<br/>
<br/>
<input type="radio" name="group2" value="a">A<br/>
<input type="radio" name="group2" value="b">B<br/>
<input type="radio" name="group2" value="c">C<br/>

https://jsfiddle.net/Wholesaler/4xqcoz3p/

在上面的标记中，我有两组。按下TAB键时，上一组将聚焦，再次按下时，焦点将移动到下一组。我的问题是，是否可以覆盖此默认顺序，以便首先关注较低的组。

为了澄清，我不想在每个组中的各个单选按钮之间进行制表，只需更改它们所属组的制表顺序即可。