javascript - 如何将点击事件绑定(bind)到复选框标签

Question

我希望 javascript/jquery 专家可以帮助我。

我正在尝试找出一种通过单击复选框标签来启动弹出框(fancybox)的方法。我不想影响单击时过滤数据的复选框功能。

我欢迎任何关于如何实现这一目标的想法。我尝试过标签上的 onclick 函数，但不起作用。

当您单击复选框标签中的人员姓名时，我想显示一个精美的框。这是网站:-(示例:jonathanlyon)

http://monkeygetnews.jonathanlyon.com/bs.php

复选框是动态构建的，我需要在标签上创建一个单击事件来打开一个 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;

}
?> 

谢谢

乔纳森

Answer 1

非常简单地说，你可以像这样使用jquery

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

同样，这是一个非常简单的示例，需要改进