Question

我希望javascript / jquery guru可以帮助我。

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

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

我想在复选框标签中点击人名时显示一个fancybox。这是网站： - （例如：jonathanlyon）

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

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

<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());
}

再次，这是一个非常简单的例子，需要改进

Answer 2

您需要使用label标签包装checkbox标签，以使标签可点击，如

<label><input type="checkbox" name="checkbox" value="value"/>dasfaha</label>

修改

对不起伙计们。我没仔细看。以下是检测标签或复选框的方法。它是如何工作的，当您单击无界标签时，复选框将不会更改。但是，当您单击复选框时，'：checked'将被更改。因此，您可以将变量存储为先前的checked值，然后与当前检查的值进行比较。

http://jsfiddle.net/Xtyah/

如何将click事件绑定到复选框标签

2 个答案: