jQuery：如何使用复选框打开和关闭自定义事件？

我正在尝试使用复选框打开和关闭覆盖的触发。我想要的是，当复选框被关闭时，覆盖层不会触发。这是我的生活codehttp://eetest.netmagicsolutions.com/leadform/:

$grpBoxes.fireOverlay = function() {        
        //fire overlay only if input is not checked
        var chkBoxes = $('#choices').find('input:checkbox');
        //console.log(chkBoxes);
        chkBoxes.each(function(){

        $(this).change(function(){
            var $this = $(this);
            if($this.is(':checked')) {
                $this.overlay();                    
              }             
           });

        });
      }(); // end fireOverlay

我做了一把小提琴，它在这里工作：。 检查firebug/chrome控制台，您将看到只有选中该复选框时才会触发自定义事件

但我的实时代码不能使用相同的技术：

要查看实时服务器上的错误，请执行以下操作：codehttp://eetest.netmagicsolutions.com/leadform/，请执行以下步骤：

打开下拉列表并选择托管 单击“专用宿主”复选框，该复选框触发我正在使用jQuery工具的覆盖

---

您将看到覆盖在打开和关闭状态下都会触发。我做错了什么

不确定问题是什么，但我很好奇——下面这行的目的是什么：$this.prop'checked'，$this.attr'checked'@nnnnnn它维护复选框的状态。你认为它是多余的吗？@nnnnnn原来它是多余的。但问题并没有在实时代码上得到解决。小提琴很管用。为什么呢？