StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POhow to bind click event to checkbox label
text
Body
copied!<p>I'm hoping a javascript / jquery guru can help me out.</p> <p>I'm trying to figure out a way to launch a popup box (fancybox) from the click of a checkbox label. I don't want to effect the checkbox function which filters data when clicked.</p> <p>I would welcome any thoughts on how I can make this happen. I've tried an onclick function on the label but that doesn't work.</p> <p>I want to show a fancybox when you click on a persons name in the checkbox label. Here's the site:- (example: jonathanlyon)</p> <p><a href="http://monkeygetnews.jonathanlyon.com/bs.php" rel="nofollow">http://monkeygetnews.jonathanlyon.com/bs.php</a></p> <p>The checkboxes are built dynamically and I need to create a click event on the label that opens a fancybox. Here's the code to build the checkboxes:-</p> <pre><code><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; } ?> </code></pre> <p>Thanks </p> <p>Jonathan</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload