复选框在具有onclick侦听器的div中不可单击

Question

I have a checkbox inside a div that has an onclick javascript event attached to it.

When I click on the checkbox, the onclick event is fired, instead of the checkbox being checked.

Any ideas on how to fix this behaviour?

Thanks

Answer 1

You can try to change your code (in the jsfiddle.net example) to something like this :

$(function() {
    $('#click').click(function(event) {
        var $target = $(event.target);
        if (!$target.is(':input')) {
            // div and contents, except inputs
            alert('click');
        } else {
            // div's content inputs
        }
    });
});