Question

我试图在表格中显示选定的表格行，我在这里创建了一个小提琴：

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

我已尝试过各种方法，但无法使其隐藏所选行。我认为它是可见的属性？

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

任何帮助？

由于

Answer 1

在这里： 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

试

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

或者只是你可以使用

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

如何显示选中的表格行？

2 个答案: