Question

You can se my problem here http://jsfiddle.net/eWh5F/76/ ()
what i want is to click on the TD and the checkbox should be checked/unchecked works fine for checkbox inside a TD but when I have a table inside a TD and TD inside that, any solution to that?
I have tried stuff like this below but whit no luck

$("td").click(function(e) {
var checkbox = $(':checkbox', $(this).parent()).get(0);
var checked = checkbox.checked;
if (checked == false) checkbox.checked = true;
else checkbox.checked = false;});

Answer 1

You can use prop method:

$("td").click(function(e) {
    $('> input[type=checkbox]', this).prop('checked', function(i, checked){
       return !checked
    })
});

http://jsfiddle.net/jdy3d/

Note that :checkbox selector is deprecated.