click listener also triggers parent click listener...
Hard to sum it up in a subject line but basically,
I have a onClick event attached to "div.node" and within that div is a checkbox. When you click the div, the checkbox is toggled as planned. But, when you click the checkbox, it toggles and then toggles back because the parent (div.node) click event also fires...
How the hell do you stop this.. I've had this problem for toooo long!
Here's my code:
-
$('.node .quotecheck').click(function(){
alert('temporary alert() to delay toggle of checkbox...');
chbox = $(this).children("input");
if ($(this).children("input").attr('checked')){
$(chbox).removeAttr('checked');
$(this).children('label span').html("Add to List");
} else {
$(chbox).attr('checked', 'checked');
$(this).children('label span').html("<strong>Added</strong> to List");
}
});
Many thanks!
fiasst
and my HTML:
-
<div class="node ca">
<div class="quotecheck">
<label for="n1"><strong>Added</strong> to List</label>
<input type="checkbox" name="n1" checked id="n1" />
</div>
</div>