需要帮助才能编写jQuery功能

Question

我需要一些帮助来实现jQuery。

我有下面的代码

<td width="20%">Programs<font color="red">*</font>:</td> 
<td width="20%"><c:set var="programMap" 
value="${userTraining.programMap}"></c:set> <form:select 
path="programs" id="selectPrograms" 
onchange="javascript:checkboxlist();"> 
<c:forEach var="item" items="${programMap}"> 
<form:option value="${item.key}"> 
<c:out value="${item.value}"></c:out> 
</form:option> 
</c:forEach> 
</form:select></td> 

在我的下拉列表（JavaScript函数“复选框（）”被调用）的变化情况下的下拉列表，函数取课程名单和显示器以复选框的形式列出“课程”选项卡。

​​3210

课程标签的代码片断

<c:set var="courseMap" value="${userTraining.courseMap}"></c:set> 
<c:set var="selectedCourseMap" value="${userTraining.selectedCourseMap}"></c:set> 
<c:forEach var="item" items="${courseMap}"> 
<c:set var="valuePresent" value="false"></c:set> 

<c:forEach var="selectitem" items="${selectedCourseMap}"> 
<c:if test="${selectitem.key == item.key}"> 
<c:set var="valuePresent" value="true"></c:set> 
</c:if> 
</c:forEach> 

<c:choose> 
<c:when test="${valuePresent == 'true'}"> 
    <form:checkbox id="chkCourse" path="courseName" 
    checked="checked" value="${item.key}" 
    style="font-weight: 700" /> 
    <c:out value="${item.value}"></c:out> 
</br> 
</c:when> 
<c:otherwise> 
    <form:checkbox id="chkCourse" path="courseName" 
    value="${item.key}" style="font-weight: 700" /> 
    <c:out value="${item.value}"></c:out> 
    </br> 
</c:otherwise> 
</c:choose> 
</c:forEach> 

网页获得的每个在更改事件刷新。有人可以帮我写“jQuery （jQuery.ajax（））”功能checkboxlist（）“，这样页面就不会刷新每一个onchange事件。

Answer 1

function checkboxlist() { 
    document.userTrainingForm.action = "/UserRegistration/training/main/student/getCourses"; 
    document.userTrainingForm.submit(); 
} 

您所提交的变化形式，如果你想用jQuery提交表单，你应该使用这样的事情：

function checkboxlist() { 
    $.ajax({ 
     type: 'POST', 
     url: "/UserRegistration/training/main/student/getCourses", 
     data: $('#userTrainingForm').serialize(), 
     success: function(msg){ 
      alert('form submitted'); 
     } 
    }); 
}