如何在Visual Basic中通过按键切换复选框状态？

原生JavaScript方案 #

这个方案无需依赖任何库，直接作用于页面所有复选框：

document.addEventListener('keydown', function(e) {
  // 验证当前焦点元素是复选框且按下回车键
  if (e.target.type === 'checkbox' && e.key === 'Enter') {
    e.preventDefault(); // 避免触发表单提交等默认回车行为
    e.target.checked = !e.target.checked; // 切换选中/未选中状态
  }
});

• 优势：全局生效，无需额外配置，适合大多数场景。

jQuery方案（适配使用jQuery的项目） #

如果你的项目已经引入jQuery，可以用更简洁的写法：

$(document).on('keydown', 'input[type="checkbox"]', function(e) {
  if (e.key === 'Enter') {
    e.preventDefault();
    $(this).prop('checked', !$(this).prop('checked'));
  }
});

特定复选框适配方案 #

如果只需要给部分复选框添加该功能，可通过类名指定目标元素：

1. HTML结构：

<input type="checkbox" class="enter-toggle" id="option1">
<label for="option1">自定义可回车切换的选项</label>

2. JavaScript代码：

document.addEventListener('keydown', function(e) {
  if (e.target.classList.contains('enter-toggle') 
      && e.target.type === 'checkbox' 
      && e.key === 'Enter') {
    e.preventDefault();
    e.target.checked = !e.target.checked;
  }
});

内容的提问来源于stack exchange，提问作者Honey Aung