隐藏选中复选框

Question

我有一个复选框内的表，我想要的是，当复选框被选中时，我按下删除按钮表必须隐藏。所以我试过这个：

$('deleteButton').click(function() 
{ 
    $('input:checkbox:checked').parents($('table').hide()); 
}); 

但它没有工作，我希望有人可以帮助我与这一个？

在此先感谢！

Answer 1

有几个与你的代码的问题。首先，你的deleteButton选择器将匹配一个名为<deleteButton>的元素，这显然是无效的。我猜你的意思是它是一个id选择器（#deleteButton）或类选择器（.deleteButton）。

其次，这条线将隐藏所有的页面上的table元素：

$('input:checkbox:checked').parents($('table').hide()); 

其原因就是你所谓$('table').hide()，这将隐藏所有的table元素，并通过的，其结果进入parents方法（但对parents方法的结果不做任何处理）。我想你大概的意思是使用table作为选择到parents方法：

$('input:checkbox:checked').parents("table").hide(); 

但是，如果你想隐藏table是另一个table进一步与DOM的后裔，你可能想使用parentsUntil，否则你最终也会隐藏祖先table。

Answer 2

这是否工作：

 
    $('deleteButton').click(function() 
{ 
    $('input['yourcheckboxname']:checked').parents('table').hide(); 
});