Javascript jQuery：单击页面时取消选中复选框

我试图做两件事：

通过取消选中复选框，确保在页面加载时未选中复选框 如果选中复选框并在屏幕上的任何其他位置单击鼠标，则该复选框将被取消选中。 第一部分，我尝试了：

$(document).ready(function() {  

    $('#cbox').removeAttr('checked');

});

但是，这将不允许我在加载页面后手动检查它

对于第二部分，我尝试：

$(document).click(function() {  

    if ($('#cbox').is(':checked')) {
        $('#cbox').removeAttr('checked');
    }

});

但问题是，如果单击实际复选框以选中它，则会在该复选框之前触发该复选框，因此该复选框始终未选中

我怎样才能纠正这个问题

---

选中复选框后，您就禁止了页面上的任何进一步操作；那么…这个功能的用例是什么？如果你清楚地向用户传达了这个用例，我强烈怀疑它在用户界面方面会令人困惑，如果不是完全令人沮丧的话。我同意。每次单击其他元素（如从菜单中选择内容或在文本字段中键入内容）时，它都会取消选中复选框。我知道这是如何与用户交互的，我只需要知道如何解决问题。而不是$'cbox'。删除'checked'；使用：$'cbox'。属性'checked'，false@JROB我的回答有问题吗？

$(document).ready(function() {
    $("#cbox").prop('checked', false);

    $("#cbox").on('click', function(event) {
        event.stopPropagation();
    })

  $(document).click(function() {
      $("#cbox").prop('checked', false);
  })
});