Show Hide Div上的复选框

Question

我有一个div，当用户点击表单时出现，当用户点击其他地方时消失。这很好用。问题是，这个特殊的div有一些复选框。当我使用这个jquery脚本来显示/隐藏div时，它们不起作用。谁能告诉我应该怎么做？谢谢。 这是我正在使用的代码：

<script>
var divVisible=false;
    $(document).ready(function() {

      //divVisible=true;
      // user clicks on report this button
       $(".box").click(function() {

      // confirmation fades in
         divVisible=true;
          $("#mydiv").fadeIn("fast"),

          // Prevent events from getting pass #searchappear
          $("#mydiv").click(function(e){
            e.stopPropagation();
            return false;
          });return false;
       });

      $(document.body).click(function () {
        //$("body").click(function(){
            // hide the share-box if clicked anywhere aside from the box itself
        //console.log(divVisible);
            if(divVisible==true){
            $("#mydiv").fadeOut().removeClass("active");
             divVisible=false; 
            }
          });
      });
      //});

</script>

Answer 1

从#mydiv点击中删除返回false，这是为了防止点击复选框工作。