Foro sobre Java EE > c:forEach + JS ventana Modal no funciona ocultar divs
Hola, tengo el siguiente problema y me gustaría que me ayudaran a solucionarlo, les comento, a grandes termino tengo el siguiente codigo.
<c:forEach items="${generals}" var="generals"> <tr> <td>${generals.tipoRegla}</td> .... <td> a role="button" data-target="#Modificar_${generals.tipoRegla}" class="btn btn-default modify" data-toggle="modal" ----Este es el botón que llama a la ventana modal </td> </tr>
<!--Resumiendo- Esta es la Ventana Modal--> div id="Modificar_${generals.tipoRegla}" ........ Mostrar contenido? input type="checkbox" name="check" id="check" value="1" onchange=" "
<hr> <div> contenido del div escondido </div> </div> </c:forEach>
____________________________________________ function showContent() { element = document.getElementById("content"); check = document.getElementById("check"); if (check.checked) { element.style.display='block'; } else { element.style.display='none'; } } ____________________________________________
Ahora bien al tener un solo registro en la tabla, me permite mostrar el modal y mostrar y ocultar el div, el detalle es que si tengo mas registros, solo me muestra la modal pero no oculta o muestra el div indicado. Alguna idea de porque solo funciona el mostrar y ocultar en el primer registro y en los demás. _______________________________________ primer_registro | btn-Modal | <---- Aquí funciona _______________________________________ segundo_registro | btn-Modal | <---- Aquí No funciona ? _______________________________________ tercer_registro | btn-Modal | <---- Aquí No funciona ? ________________________________________
(No he puesto correctamente algunas etiquetas en el post intencionalmente para que las muestre)
Hola, tengo el siguiente problema y me gustaría que me ayudaran a solucionarlo, les comento, a grandes termino tengo el siguiente codigo.
<c:forEach items="${generals}" var="generals">
<tr>
<td>${generals.tipoRegla}</td>
....
<td> a role="button" data-target="#Modificar_${generals.tipoRegla}" class="btn btn-default modify" data-toggle="modal" ----Este es el botón que llama a la ventana modal
</td>
</tr>
<!--Resumiendo- Esta es la Ventana Modal-->
div id="Modificar_${generals.tipoRegla}"
........
Mostrar contenido?
input type="checkbox" name="check" id="check" value="1" onchange=" "
<hr>
<div>
contenido del div escondido
</div>
</div>
</c:forEach>
____________________________________________
function showContent() {
element = document.getElementById("content");
check = document.getElementById("check");
if (check.checked) {
element.style.display='block';
}
else {
element.style.display='none';
}
}
____________________________________________
Ahora bien al tener un solo registro en la tabla, me permite mostrar el modal y mostrar y ocultar el div, el detalle es que si tengo mas registros, solo me muestra la modal pero no oculta o muestra el div indicado.
Alguna idea de porque solo funciona el mostrar y ocultar en el primer registro y en los demás.
_______________________________________
primer_registro | btn-Modal | <---- Aquí funciona
_______________________________________
segundo_registro | btn-Modal | <---- Aquí No funciona ?
_______________________________________
tercer_registro | btn-Modal | <---- Aquí No funciona ?
________________________________________
(No he puesto correctamente algunas etiquetas en el post intencionalmente para que las muestre)