supprimer html table row après avoir vérifié chekbox que dans la ligne

Question

Comment supprimer en utilisant jquery html table rangée après avoir coché case dans cette rangée?

<table id="mainTable"> 
    <tr> 
     <th> 
      name 
     </th> 
     <th> 
      remove 
     </th> 
    </tr> 
    <tr> 
     <td> 
      <input type="text" /> 
     </td> 
     <td> 
      <input type="checkbox" id="chb1" /> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <input type="text" /> 
     </td> 
     <td> 
      <input type="checkbox" id="chb2" /> 
     </td> 
    </tr> 
</table> 

par exemple, je sélectionne la case avec identifiant chb2, et je souhaite que la deuxième ligne est supprimée

Answer 1

Essayez ceci pour les lignes actuelles et futures:

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

Answer 2

Essayez ceci:

$('input:checkbox').click(function() {   
    $(this).parent().parent().remove(); 
});