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.

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.

• javascript
• jquery

• 1 Can give a more accurate answer if you include a snippet of the HTML for the table/checkbox. – JohnFx Commented Jan 4, 2011 at 19:56

5 Answers 5

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

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

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

Demo here

You can apply this specific table, like this.

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

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