尝试从 JSTL 循环中读取复选框值

Question

我得到了两个JSTL循环，一个循环显示主菜单，一个JSTL显示子菜单。现在我正在尝试读取在类上选中的复选框值。由于循环中的同一类，我正在获取所有复选框值。

我的 HTML 代码如下所示：

<div class="card-box table-responsive">
<c:forEach var="mBean" items="${sessionScope.mainMenuList}" varStatus="status">
<div class="form-group col-md-8" >
<span class="accordion">&nbsp;&nbsp;<input type="checkbox" class="checkbox" name="sport" value="${mBean.menu_id}">${mBean.menu_name}</span>
<div class="panel sub-menu">
<c:forEach var="count" items="${sessionScope.subMenuList.get(status.index)}">
<div class="row">
<label id="childrens"><input type="checkbox" name="sport" value="${count.menu_id}">${count.menu_name}</label>
</div>
</c:forEach>
</div>
</div>
</c:forEach>
</div>

JQuery：

$(".checkbox").click(function() {            
if ($(this).prop("checked")) {
$("#childrens input[type='checkbox']").each(function() {
$(this).attr("checked", "checked");
});
}else{
$("#childrens input[type='checkbox']").each(function() {
$(this).removeAttr("checked");
});        
}
[![My menu looks like this][1]][1]}); 

Answer 1

ForEach 将创建多个 ID 为 "childrens" 的复选框。因为 Id 应该是唯一的。使用类而不是 id。