如何使用Jquery在HTML表格的单击表格行中选择一个元素？

Question

我有一个2列的表，我使用PHP来动态生成表的行。每个表行具有以下字段：

• INPUT TYPE =“复选框”
• 两个输入型=“文本”一个div里面

我喜欢做的是隐藏包含股利当复选框被选中时，两个输入键入文本，我尝试使用Jquery获取单击复选框的父级，然后隐藏当前内部的相应div，但它不起作用。

这是HTML代码，看看如何生成我的表：

<table> 

<tr> 
    <th>Hide?</th> 
    <th>Inputs</th> 
</tr> 

<tr> 
    <td> 
     <input type="checkbox" name="checkBoxes[]"> 
    </td> 
    <td> 
     <div class="two-inputs"> 
      <input type="text" name="inputs[]"> 
      <input type="text" name="inputs[]"> 
     </div> 
    </td> 

</tr> 

<tr> 
    <td> 
     <input type="checkbox" name="checkBoxes[]"> 
    </td> 
    <td> 
     <div class="two-inputs"> 
      <input type="text" name="inputs[]"> 
      <input type="text" name="inputs[]"> 
     </div> 
    </td> 

</tr> 

Answer 1

尝试。 jsfiddle

$("input:checkbox").click(function(){ 
    if(this.checked){ 
     $(this).parent().next().find("div").hide(); 
    } 
    else{ 
      $(this).parent().next().find("div").show(); 
    } 

}); 

Answer 2

$('input:checkbox').click(function() { 
    if (!$(this).is(':checked')) { 
     $(this).parent().next('.two-inputs').hide(); 
    } 
});