我有一个简单的Web表单,其中包含四个标签为Blue、Green、Orange和Yellow的单选按钮。
请查看JsFiddler示例并查看下面的代码。
现在我想为每个单选按钮分配一个键盘快捷方式,因此,例如,如果我切换到该组单选按钮,则可以按B选择蓝色,按G选择绿色等,选择特定的单选按钮。
在我的示例中,我使用了Accesskeys,但我希望只使用一个按键来完成。ALT+x = 2 keys。这是因为使用一个按键要快得多。
我知道当我切换到那组单选按钮时,我可以使用箭头键来更改所选单选按钮,但出于本范围之外的原因,这不是最佳解决方案。
问题:
是否有办法使用HTML5、Angular、JavaScript或AngularJS来实现这一点?任何建议都将受到欢迎:
代码:
<fieldset>
<legend>Välj färgmarkering</legend>
<form action="../action/return.html" method="get">
<span class="box blue">
<input id="button1" accesskey="1" type="radio" value="1" name="radio-input" title="Alt+1">
<label for="button1">Blue</label>
</span>
<span class="box green">
<input id="button2" accesskey="2" type="radio" value="2" name="radio-input" title="Alt+2">
<label for="button2">Green</label>
</span>
<span class="box orange">
<input id="button2" accesskey="2" type="radio" value="2" name="radio-input" title="Alt+2">
<label for="button2">Orange</label>
</span>
<span class="box yellow">
<input id="button2" accesskey="2" type="radio" value="2" name="radio-input" title="Alt+2">
<label for="button2">Yellow</label>
</span>
</form>
</fieldset>