需要幫助才能編寫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'); 
     } 
    }); 
}