How do i make it so that a checkbox is not affected by a jquery bind function?

Question

I have a jquery function that binds all tr's with the class item to a click function that will redirect to another page. inside this tr though is a checkbox. How can i allow this checkbox to function correctly instead of acting on the tr's click function?

Answer 1

You might want to post code, but briefly, I would add a separate click function just for the password, and in it, call event.stopPropagation().

Answer 2

Here is what you are looking for:

jquery stop child triggering parent event

Answer 3

You can also bind it to a click function which stops the even from being passed on via return false.

$('#checkbox').click(function() { return false; })

Another way would be to position your checkbox above the tr. This would however not size the tr with the checkbox in it (as you made it independent). This could be done with position:absolute, or you could also try z-index (although I’m not sure this will work with events).