javascript - 根据键盘上的用户号码选择选择多项选择答案

Question

我正在构建一个多项选择测验游戏，我正在尝试模仿 Duolingo 的功能，基本上你有 3 个编号的多项选择答案，用户只需输入“1”、“2”或“3”以选择他们喜欢的答案(见图)。

如何模仿此功能？使用JS或任何其他工具。目前，我的应用程序中的每个答案选择都有一个隐藏的 radio 输入，用户必须用鼠标单击答案才能选择，但鼠标是最糟糕的!任何帮助都会很棒!谢谢!

Answer 1

如果您的表单是这样的 html 表单:

<form>
<input type="radio" name="gender" id="button1" value="red" checked>Red<br>
<input type="radio" name="gender" id="button2" value="blue"> Blue<br>
<input type="radio" name="gender" id="button3" value="green"> Green  
</form>

然后你只需要一点jquery来改变选择哪个单选按钮

$(document).keypress(function(e) {
    console.log("keypress noticed");
if(e.which == 49) {
       $("#button1").prop("checked", true)

}
    if(e.which == 50) {
        $("#button2").prop("checked", true)
}
    if(e.which == 51) {
        $("#button3").prop("checked", true)
}
});