Question

我需要做以下工作，有人知道如何：

<script type="text/javascript">
    function raceChecked(raceID){
    return $('#raceCheck_'+raceID).attr('checked');
}
</script>
<div>
    <c:forEach items="${raceEvent.raceList}" var="race">
    <div><input type="checkbox" value="${race.id}" checked="checked" onClick="refreshPage()"/><c:out value="${race.name}"/></div>
    </c:forEach>
</div>  
<c:if test="raceChecked(${race.id})">
  <!--SHOW RACE -->
</c:if>

有趣的部分是最后一个<c:if test="raceChecked(${race.id})"> 这不起作用，因为他没有调用JavaScript函数！

但我怎样才能做到这一点？我希望用户决定选中哪个种族的复选框。使用JQuery无法隐藏这些比赛。它们不得在源代码中显示。

有人有想法吗？

Answer 1

JSTL在服务器上执行，但在客户端上执行javascript。如果您需要检查加载时显示的内容，可以使用<body onload="raceChecked(${race.id})">。

在<c：if> Statement </c：if>中使用JavaScript或JQuery

1 个答案: