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

Question

谁能告诉我为什么当您点击此处的单选按钮时， IE 6/7/8、Chrome、Safari中的标签顺序会混乱？适用于 Firefox 和 Opera。

http://jsbin.com/inuxa5

如果您选中第一个复选框然后开始跳格，您将从收音机 1转到复选框 3（绕过收音机 2）

相反，如果您首先选中复选框 4 并按 shift-tab 向后移动，您将从单选框 2转到复选框 2（绕过单选框 1）。

<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 之间切换，请使用左/右箭头而不是选项卡。