jquery delete table row on click on check box

Question

I have a table which is dynamically created , there is a checkbox in each row of the table, when user click that checkbox the whole row of the dynamically created table needs to deleted.

Answer 1

$("tr input:checkbox").live("click", function(){ 
    $(this).closest("tr").remove(); 
});

Answer 2

$('table.grid input:checkbox').change(function(){
    $(this).parents('tr').remove();
});

Answer 3

$('table').delegate('tr input:checkbox', 'click', function () {
    $(this).closest('tr').remove();
});

Demo here

Answer 4

$(function(){
    $(".yourCheckboxClass").change(event){
        function(){
            $(this).closest('tr').remove();
        }
    }
});

Answer 5

You can apply this specific table, like this.

$("#yourtableID  tr").live("click", function(){ 
    $(this).closest("tr").remove(); 
});