如何使用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(); 
    } 
});