如何选中/取消选中键盘上的复选框

Question

我一直在尝试制作一个脚本，当我按下'c'键时，该脚本可以检查和取消选中复选框，但是它不起作用。

$(document).keyup(function(e){
  if(e.which == 67){
    if($('#main').css('opacity') == 0) {
    if ($('#cHideChat').attr('checked')) {
    $('#cHideChat').prop('checked', false);
    }
    else {
    $('#cHideChat').prop('checked', true);
      }
    }
  }
});

Answer 1

你可以这样

 $(document).on('keyup', function(e) { var checkBox = $('#cHideChat') if ($('#main').css('opacity') == 0) { if (e.which == 67) checkBox.prop("checked", !checkBox.prop("checked")); } }); 

 #main { opacity: 0; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" name="" id="cHideChat"> <div id="main"></div> 

Answer 2

您需要像这样检查prop ：

$(document).keyup(function(e){
  if(e.which == 67){
    if($('#main').css('opacity') == 0) {
    if ($('#cHideChat').prop('checked')) {  // check for prop, not attr
    $('#cHideChat').prop('checked', false);
    }
    else {
    $('#cHideChat').prop('checked', true);
      }
    }
  }
});

Answer 3

我认为这个问题与jQuery无关。 尽管Nenad和Sandeep提供了更好的方法来实现您想要的功能，但是jQuery代码应该运行良好。 但是我看到另外两个问题：

首先，键代码67对应于较高的“ C”，因此您的代码不响应较低的“ c”按下。 较低的'c'的键代码为99。第二，没有“选中”属性。 这是一个属性，您应该通过.prop("checked")而不是.attr("checked") 。 后者返回undefined ，它对应于false并且永远不会满足您的条件。 因此，只需按照Nenad Vracar的建议编辑您的代码，但请确保像这样检查关键代码99：

if (e.which == 67 || e.which == 99) {
    checkBox.prop("checked", !checkBox.prop("checked"));
}