AJAX调用后保存动态复选框的状态

Question

我有一个日历。根据选择的日期，我将加载一些复选框来显示一些时间段。时隙是使用PHP从数据库中加载的。

我正在使用这个动态加载它：

$(".date-picker-2").datepicker({
minDate: 0,
onSelect: function(dateText) {
$.ajax({
method : "POST",
url : "process.php",
data : 'date='+ dateText,
success : function(result){
$("#slotplace").html(result)
}
});
}
});

process.php加载如下内容：

<input type="checkbox" name="M" class="days" value="22/11 9am">9am<br>
<input type="checkbox" name="M" class="days" value="22/11 10am">10am<br>
<input type="checkbox" name="M" class="days" value="22/11 11am">11am<br>
<input type="checkbox" name="M" class="days" value="22/11 12pm">12pm<br>

如果在日历上单击另一个日期，则会通过AJAX从数据库加载另一组插槽。

有了这个$("#slotplace").html(result)，我想它每次都会被覆盖。

如果用户通过选择另一个日期导航到另一天，然后单击返回到22日，我如何保存选中的复选框的状态，比如在22日？我认为目前它只是在取代。我可以通过另一个click()函数将这些数据传递给PHP，但我希望使用JQuery来保存对服务器的多次调用，并使其更高效。

Answer 1

1. 在var selected = []中，选中所有复选框的值
2. 发送Ajax调用
3. 使用值重新检查复选框