通过单选按钮选项卡

Question

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

下面的代码不仅会跳转到单选按钮，而且还会选中它，如何继续通过其余单选按钮选项卡并继续到其他元素？

$(':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) 
}); 

希望这个作品&帮助;-)