Javascript 如何将单击事件绑定到复选框标签

我希望javascript/jquery专家能帮助我

我试图找到一种方法，通过点击复选框标签来启动弹出框（fancybox）。我不想影响在单击时过滤数据的复选框功能

我欢迎任何关于如何实现这一目标的想法。我在标签上尝试了onclick函数，但没有成功

我想在您单击复选框标签中的人名时显示fancybox。以下是站点：-（示例：jonathanlyon）

复选框是动态构建的，我需要在打开fancybox的标签上创建一个单击事件。以下是构建复选框的代码：-

<input type="checkbox" id = "dn" value="dept_<?php echo $currdept;?>" onchange="doSearch();return false;" />
<label><?php echo $currdept;?></label>
<ul class="dept_<?php echo $currdept;?>">
    <li>
        <input type="checkbox" name = "un" value="<?php echo $usernames;?>" <?php echo $include;?> onchange="doSearch();return false;" />
        <label><?php echo $usernames;?></label>
    </li>   
<?php
$dept = $currdept;
} else {
?>                
    <li>
        <input type="checkbox" name = "un" value="<?php echo $usernames;?>" <?php echo $include;?> onchange="doSearch();return false;" />
    <label><?php echo $usernames;?></label>
    </li>
<?php
$dept = $currdept;

}
?> 

---

您需要用标签标签包装复选框标签，使标签像标签一样可点击

dasfaha

编辑：

对不起，伙计们。我没有仔细看。下面是如何检测标签或复选框。
它的工作原理是，当您单击“无界标签”时，复选框不会被更改。但是，当您单击复选框时，“：checked”将被更改。因此，您可以放置一个变量来存储checked的上一个值，然后与current checked进行比较

简单地说，您可以像这样使用jquery

$('label').click(function() {
    alert($(this).html());
}

同样，这是一个非常简单的示例，需要改进
请在此处发布一个小的代码摘录，而不是指向包含无关内容的大型网页的链接。抱歉-请参阅修订的问题不要通过包装或使用

for将标签附加到输入，只需将单击事件附加到标签，如需了解如何将操作绑定到

label

元素的click事件，请参阅上的文档。您所说尝试的

onclick

在哪里？这与OP想要的相反，因为单击标签将切换checkbox@JonathanLyon这将在您的代码中起作用，因为单击标签是无效的当前触发复选框切换您可以将其放置在任何位置。如果您有一个包含所有javascript代码的javascript文件，请将其放入其中。您可能需要将其包装在$（document）中。准备好确保加载dom了吗