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.

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

hunter · Accepted Answer · 2011-01-04 21:46:26Z

7

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

edited Jan 4, 2011 at 21:46

answered Jan 4, 2011 at 19:57

hunter

63.8k19 gold badges115 silver badges115 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

brettkelly · Accepted Answer · 2011-01-04 19:58:36Z

1

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

answered Jan 4, 2011 at 19:58

brettkelly

28.3k8 gold badges58 silver badges73 bronze badges

Comments

Russ Cam · Accepted Answer · 2011-01-04 20:05:28Z

1

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

Demo here

edited Jan 4, 2011 at 20:05

answered Jan 4, 2011 at 19:58

Russ Cam

126k34 gold badges211 silver badges275 bronze badges

Comments

Mr.Wizard · Accepted Answer · 2011-05-02 06:58:11Z

1

You can apply this specific table, like this.

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

edited May 2, 2011 at 6:58

Mr.Wizard

24.4k5 gold badges46 silver badges131 bronze badges

answered May 2, 2011 at 6:41

Sumith Harshan

111 bronze badge

Comments

Josiah Ruddell · Accepted Answer · 2011-01-04 20:04:25Z

0

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

edited Jan 4, 2011 at 20:04

answered Jan 4, 2011 at 19:57

Josiah Ruddell

29.9k8 gold badges68 silver badges68 bronze badges

3 Comments

hunter Over a year ago

is the ":checked" filter necessary? I guess it depends if things are checked by default. Pinu's UI should be very aggravating...

Pinu Over a year ago

do we need to give the id of the table?

Josiah Ruddell Over a year ago

I added a class selector to the table. Probably want this for all grids. @hunter - i think i had the logic reversed. But yes depending on the default state it may not be necessary.

Collectives™ on Stack Overflow

jquery delete table row on click on check box

5 Answers 5

Comments

Comments

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related