IE不尊重带有/ id属性标签的单选按钮的标签顺序？

Question

当你点击这里的单选按钮时，有人可以告诉我为什么Tab键顺序在 IE 6/7/8，Chrome，Safari 中搞砸了吗？适用于Firefox和Opera。

http://jsbin.com/inuxa5

如果您选中第一个复选框然后开始标签，您将从广播1 转到复选框3 （绕过广播2）

相反，如果您首先选中复选框4并使用shift-tab向后移动，您将从无线电2 转到复选框2 （绕过无线电1）。< / p>

<form>

<p>
<input id="c1" type="checkbox" name="check1">
<label for="c1">checkbox 1</label>

<input id="c2" type="checkbox" name="check2">
<label for="c2">checkbox 2</label>
</p>

<p>
    <input id="r1" type="radio" name="member">
    <label for="r1">radio 1</label>

    <input id="r2" type="radio" name="member">
    <label for="r2">radio 2</label>
</p>

<p>
<input id="c3" type="checkbox" name="check3">
<label for="c3">checkbox 3</label>

<input id="c4" type="checkbox" name="check4">
<label for="c4">checkbox 4</label>
</p>

</form>

Answer 1

这是预期的行为 您正在使用具有相同名称的单选按钮，因此它可以是“r1”或“r2”。

短：如果你想在2使用左/右箭头而不是标签之间切换。