让用户使用键盘选中/取消选中复选框

时间:2017-04-11 18:14:22

标签: javascript html css

我有一个HTML页面,我有几个看起来像单选按钮的复选框,我希望用户能够使用键盘检查/取消选中复选框?我应该包括什么才能实现此功能,我一直在使用咏叹调我的代码中的属性但仍无法实现!

2 个答案:

答案 0 :(得分:1)

这可以解决任何按下的键的问题。您可能想要在事件上添加检查特定键码:

$(function(){
  $('[type=checkbox]').keypress(function(e){
    $(this).trigger('click');
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" />

答案 1 :(得分:0)

&#13;
&#13;
document.getElementById('focused').focus();
&#13;
<input type="checkbox" id="focused">Hit space
&#13;
&#13;
&#13;