我有一个单选按钮列表.当我浏览它们时,似乎只有第一个单选按钮或被选中的单选按钮将获得焦点,其余单选按钮将被跳过.复选框没有这个问题.
I have a list of radio buttons. when I tab through them, seems like only the first radio button or the one that is selected will get focused, the rest of the radio buttons will get skipped. checkbox didnt have this problem.
http://jsfiddle.net/2Bd32/
我很难向我的 QA 解释这不是错误.有人可以向我解释为什么会发生这种情况.
I have a hard time to explain to my QA this is not a bug. can someone please explain to me why this happens.
Soccer: <input type="checkbox" name="sports" value="soccer" tabindex="1" /><br />
Football: <input type="checkbox" name="sports" value="football" tabindex="2" /><br />
<input type="radio" name="num" value="3" tabindex="3">3<br>
<input type="radio" name="num" value="4" tabindex="4">4<br>
<input type="radio" name="num" value="5" tabindex="5">5<br>
<input type="radio" name="num" value="6" tabindex="6">6<br>
<input type="radio" name="num" value="7" tabindex="7">7<br>
Baseball: <input type="checkbox" name="sports" value="baseball" tabindex="8" /><br />
Basketball: <input type="checkbox" name="sports" value="basketball" tabindex="9" />
你可以引用 W3C 作为你的来源,这里和这里.
You can cite the W3C as your source, here and here.
本质上,单选按钮是一个作为单个元素起作用的组,因为它只保留一个值.切换到单选组将带您进入第一个项目,然后使用箭头键在组内导航.
Essentially a radio button is a group that functions as a single element since it retains only a single value. Tabbing to a radio group will bring you to the first item and then using the arrow keys you navigate within the group.
这篇关于您可以浏览所有单选按钮吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!