在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. 重新选中带有值的复选框。