检查选项卡上的单选按钮答案

【问题标题】：Check radiobutton on tabbing检查选项卡上的单选按钮
【发布时间】：2013-02-13 23:34:30
【问题描述】：

如果我通过包含单选按钮的表单元素进行选项卡，在我进入单选按钮时是否可以选择（检查）单选按钮？当我进入文本字段时，它会获得一个焦点，这在视觉上很清晰，但不是单选按钮。我认为使用 jQuery 应该是可能的。

这将选择它但不是焦点，稍后单击

$(':input:visible').keypress(function(event) {
       if(event.keyCode == '9' && $(this).is(':radio')) { // Tab
            $(this).attr('checked', true);
       }
});

【问题讨论】：

你试过什么？作为超过 2000 名用户，您可能已经知道如何在这里提问。您在处理focus 事件或选中单选按钮时遇到问题吗？顺便说一句，当您点击单选按钮时，单选按钮也会获得焦点（如果您没有覆盖默认样式，也应该由您的浏览器指示），例如按 Space 使其被选中（至少在我的浏览器中）。跨度>
我可以通过鼠标点击检查按钮。我的问题是——可以在标签上检查吗？我可能正在处理一些 CSS 冲突，但由于其他可能不明显的依赖关系，我无法更改它。我正在尝试解决本地案例。您还有其他建议吗？
当您选择或单击它时，将在单选按钮上触发 onfocus 事件。

标签： jquery forms radio-button jquery-events

【解决方案1】：

您可以尝试处理focus 事件：

$(':radio').focus(function () {
    this.checked = true;
});

jsFiddle Demo

【讨论】：

我喜欢它在 IE 中需要两个选项卡...为什么？
@santa 我在input 上留下了tabindex=1，在IE 中，接下来会出现一个不同的元素（我不确定是什么）。它与“解决方案”本身无关，focus 事件总是在单选按钮获得焦点时触发。