显示和隐藏动态创建的选择输入

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(); 
}