通过单选按钮选项卡

Question

默认的浏览器行为是这样的，当您通过表单元素进行选项卡并进入单选按钮的组时，焦点将转到组中的第一个单选按钮，您需要点击空格键以选择它。我需要能够继续跳转并转到下一个单选按钮，即使在同一组内也是如此。

以下代码不仅会跳转到radiobutton，还会选择它，如何继续选中其余的单选按钮，然后选择其他元素？

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

我知道这是一个“黑客”......是的，每个元素都有一个独特的tabindex值;）

Answer 1

当单选按钮聚焦时，您可以使用箭头键选择另一个按钮 或
尝试类似的事情：

$('input[name="something"]').on("keypress", function(e) {
    if(e.keyCode == '9')
        $(this).next().focus().attr("checked", true)
});

希望这有效;帮助; - ）