如何显示所选表格行？

Question

I am trying to show selected table rows in a table, I have created a fiddle here:

http://jsfiddle.net/tonymaloney1971/1wsvayuL/

I have tried various methods, but cannot sem to get it to hide the selected rows. I am thinking it is the visible property on ?

$('#showSelected').click(function (event) {
});

Any help?

Thanks

Answer 1

here you go: DEMO

$('#showSelected').click(function (event) {
    $('input[type=checkbox]').each(function(){
        if(!$(this).prop('checked')){
            $(this).closest('tr').hide();
        }
    });
});

$('#showAll').click(function (event) {
    $('input[type=checkbox]').closest('tr').show();
});

Answer 2

try

$('#showSelected').click(function (event) {
   var tr= $("[type=checkbox]:checked").map(function(){       
    return  $(this).closest("tr").text();
    }).get();
});

OR simply you can use

 $("[type=checkbox]:checked").show();