通過單選按鈕選項卡

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) 
}); 

希望這個作品&幫助;-)