Décoché une checkbox avec un clique sur la page

Fermé
Utilisateur anonyme - 5 mars 2016 à 18:42
Bonjour,

je suis un débutant dans tout ce qui est programmation,

Mon programme : J'ai créer une checkbox non visible sur une div et lorsque je clique sur la div la checkbox est checked ce qui affiche un menu. Mon but est de créer un programme en JavaScript permettant de cacher ce menu en cliquant n'importe ou sur la page, du coup j'avais eu l'idée de ce script :
var $id = document.getElementById("_1");
 $(document).on("click", $id, function waitforclick()
{
      $('body').on("click", function uncheck()
      {
            if ($id.checked == true)
            {
                $id.checked = false;
            }
      });
});


combiné à :

HTML :
<label class="collapse" for="_1">
      <div class="navbar3">  </div>
</label>
<input id="_1" type="checkbox">
<div id="navmenu">
      <ul> 
            <li><div>TEXT HERE</div></li>
            <li><div class="variantpeer">TEXT HERE</div></li>
            <li><div>TEXT HERE</div></li>
            <li><div class="variantpeer">TEXT HERE</div></li>
      </ul>
</div>

CSS :
.collapse{
}
 
.collapse + input{
  display:none;
}
 
.collapse + input + *{
  display:none;
}
 
.collapse + input:checked + *{
  display:block;
}


Merci de m'aider à trouver une solution pour avoir le programme fonctionnel ou trouver une autre façon de le faire :)