Question

I have a html table with many cells and I would like to set a checkbox field as enabled with style=”display: none” when somebody tries to click on a particular cell. I should reset this when the user clicks on the same cell again. How should I do this using jquery?

Answer 1

The following assumes the checkbox is inside the <td> that has been clicked:

$('td').each(function(){
    $(this).click(function(){ 
        $(this).find('input:checkbox').toggle();
    });
});

If there’s only one global checkbox for all cells, you can just reference it directly instead of doing the find():

$('#checkbox-id').toggle();