javascript - 我如何将 foreach 按钮单个值传递给 javascript？

Question

我的 Javascript 和 Jsp 代码:

var questionNum = $('#questionNum').val();

<c:forEach var="i" begin="1" end="${examPaper.number_of_questions}">
	<input type="button" name="question_num" id="questionNum" value="<c:out    value="${i}"/>" onclick="doAjaxPost(this.id);" class="startTest"/>
</c:forEach>

但是在java脚本中，我得到的值为0。任何人都可以帮助我获取该值。

Answer 1

Javascript代码:

$(document).ready(function(){
   $(":input").click(function(){
   var questionNum = $(this).val();
   alert(questionNum);
   });
});

HTML、JSTL 代码到您的 jsp 页面

   <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

    <c:forEach var="i" begin="1" end="${examPaper.number_of_questions}">
        <input type="button" id="questionNum${fn:escapeXml(i)}" value="${fn:escapeXml(i)}" onclick="doAjaxPost(this.id);" class="startTest"/>
    </c:forEach>