1

我希望 javascript / jquery 大师可以帮助我。

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

我欢迎任何关于如何实现这一目标的想法。我已经在标签上尝试了 onclick 功能,但这不起作用。

当您单击复选框标签中的人名时,我想显示一个花式框。这是网站:-(例如:jonathanlyon)

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

复选框是动态构建的,我需要在打开花式框的标签上创建一个单击事件。这是构建复选框的代码:-

<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;

}
?> 

谢谢

乔纳森

4

2 回答 2

1

很简单地说你可以像这样使用jquery

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

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

于 2013-02-04T19:37:15.087 回答
-1

您需要用标签标签包装复选框标签以使标签可点击

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

编辑:

对不起大家。我没仔细看。这是检测标签或复选框的方法。它的工作原理是,当您单击无界标签时,复选框不会更改。但是,当您单击复选框时,':checked' 将被更改。因此,您可以放置​​一个变量来存储检查的先前值,然后与当前检查的值进行比较。

http://jsfiddle.net/Xtyah/

于 2013-02-04T19:34:23.670 回答