Question

I’m trying to make a checkbox check when I click not only the checkbox, but also the container it’s in. The problem I faced is that when I checked a checkbox, it fired it twice because it was also clicking the container. I’ve come up with the following solution that seems to work fine, but I have a feeling there’s a simpler way to do this and I’m looking to learn to really why short and compact javascript, so any advice would be helpful 🙂

http://jsfiddle.net/masedesign/8q5TQ/

Answer 1

$(function(){
    $('td.cell input').click(function(e){
        e.stopPropagation();
    });

    $('td.cell').click(function(){
        $(this).find('input').click();
    });
});​

The e.stopPropagation() method prevents the event from bubbling.