jQuery是一款非常強大的JavaScript庫，可以方便地操作文檔對象模型（DOM）和處理事件。其中，jQuery的checkbox和ajax功能也是非常實用的，今天我們就來學習如何結合這兩個功能實現一個復選框勾選的ajax提交。

//HTML代碼
<form id="form" action="submit.php" method="post">
<input type="checkbox" name="options" value="1">選項1
<input type="checkbox" name="options" value="2">選項2
<input type="checkbox" name="options" value="3">選項3
<button id="button" type="button">提交</button>
</form>
//jQuery代碼
$(document).ready(function() {
$("#button").click(function() {
var options = [];
$("input[name='options']:checked").each(function() {
options.push($(this).val());
});
$.ajax({
type: "POST",
url: $("#form").attr("action"),
data: {options: options},
success: function(data) {
alert(data);
}
});
});
});

首先，我們需要為每個復選框元素添加相同的name屬性，這樣在提交表單時才能正確傳遞選項的值。然后，我們給提交按鈕添加一個click事件，當用戶點擊按鈕時，jQuery會遍歷所有選中的復選框元素，并將它們的值存儲在一個數組中。接著，我們使用ajax函數將選項數組發送到服務器端，這里使用了POST方式提交，data參數指定了發送的數據。最后，當服務器返回數據后，我們使用alert函數彈出數據。

這樣，我們就成功地結合了jQuery的checkbox和ajax功能，在復選框勾選后使用ajax實現了選項數據的傳遞和提交。希望這篇文章對你有幫助，謝謝閱讀！