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

Question

我想在选中复选框时显示 select 表单（隐藏）。我已经对这个 bootply 进行了编码，它工作正常。

然而，在我的 JSP 页面中，根据对象包含的内容，打印了许多复选框，它们都包含 .action-do class 所以，发生的事情是 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 指的是下一个兄弟姐妹，所以只需像这样获取 parents 兄弟姐妹：

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

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

Show and hide select input which is created dynamically

jquery

jsp

show-hide