Question

I have a click event that does this:

$('table tbody td').click( function (e) {
   // How to check if checkbox was clicked before doing the alert below?
   alert("td clicked");
}

However in my table, I have some td’s with checkboxes that when clicked, result in the event firing. Is there a way to specify in Jquery to check if the click inside a td was on a checkbox and don’t alert?

Answer 1

This assumes the checkbox in question is on the same table row as the clickable cell.

$('table tbody td').click( function (e) {

   if(!$(this).parent().find(':checkbox').prop("checked"))
       return;

   alert("td clicked");
}