顯示和隱藏動態創建的選擇輸入

Question

我想顯示一個select表單（隱藏），當選中複選框時。我已經編碼這bootply這是正確的。

然而，根據什麼對象包含我的JSP頁面，許多複選框打印，而這一切都包含在.action-do類，所以，正在發生的事情是這樣的bootply

在JSP代碼：

<%for (int i=1; i<=positions; i++){ %> 

<div class="checkbox"> 
    <label><input class="action-hide" type="checkbox" name="action-hide" value="1">Select</label> 
</div> 

<div class="form-group action-do"> 
    <div class="col-lg-4"> 
    <select class="form-control" id="select" name=""> 
      <option value="0" selected></option> 
      <option value="1">aaaa</option> 
      <option value="2">bbb</option> 
    </select> 
    </div>      
</div> 

<%}%> 

我該怎麼做，所以每個複選框只顯示他的select。

Answer 1

一種選擇是使用next。由於接下來是指一個同級只得到父母兄弟，像這樣：

if($(this).is(":checked")) { 
    $(this).parent().parent().next().show(); 
} else { 
    $(this).parent().parent().next().hide(); 
}