如何使用 jQuery "check" 按 "Tab" 上的单选按钮？

Question

我只使用 jQuery 构建一个表单，适用于大多数员工在不使用鼠标的情况下进行日常工作的公司。所以，我需要制作这个表格，他们可以只用 Tab 键切换到每个单选组，它会自动 "check" 第一个单选按钮，如果他们想更改它，只需按 "arrow" 键它会改变焦点。

"Checking" 使用 "arrow" 键的单选按钮已经集成，但在 "checks" 第一个单选按钮之前，您必须单击 "arrow" 键它将 "check" 第二个单选按钮，因此您必须单击 "arrow left" 返回并 "check" 第一个单选按钮。

如何 "check" "tab" 组中的第一个单选按钮？

一个简单的例子是：

<label>1st Radio</label>
<input type="radio" name="radio-group" id="radio-1" value="1">
<label>2nd Radio</label>
<input type="radio" name="radio-group" id="radio-2" value="2">

当按下"Tab"一次时，我需要它自动检查第一个单选按钮

Answer 1

你可以像下面那样做。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>1st Radio</label>
<input type="radio" name="radio-group" id="radio-1" value="1">
<label>2nd Radio</label>
<input type="radio" name="radio-group" id="radio-2" value="2">

<script>
    $(document).keyup(function (e) {
        if (e.keyCode == 9) {
            $('#radio-1').prop('checked', true)
        }
    });
</script>

如何使用 jQuery "check" 按 "Tab" 上的单选按钮？

How do you "check" a radio button on "Tab" press using jQuery?

forms

jquery

tabs

radio