javascript - 单击按钮时使复选框 cookie 过期

Question

我在数据表中有多个复选框，它们具有一个名称和不同的值，我可以通过以下代码为所有选中的复选框存储 cookie

 $(document).ready(function(){
          $('input[type=checkbox]').each(function() {
    var mycookie = $.cookie($(this).attr('value'));
    if (mycookie && mycookie == "true") {
        $(this).prop('checked', mycookie);
    }
});
$('input[type=checkbox]').change(function() {

    var date = new Date();

    var uncheckDate = new Date();

    // to expire cookies after one day if checked
    date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));

    // to expire cookies after 1  seconds  if unchecked 
    uncheckDate.setTime(date.getTime() + ( 1 * 1000));

    $.cookie($(this).attr("value"), $(this).prop('checked'), {
    path: '/',
    expires:  date
    });

    $.cookie($(this).attr("value"), $(this).prop('unchecked'), {
    path: '/',
    expires:  uncheckDate
    });  
  });
});

如果未选中，我还可以使每个复选框的 cookie 过期

但是我需要使用按钮(例如expireButton)来使所有选中的复选框过期。

我怎样才能实现这一目标？

有什么建议吗？

Answer 1

您可以尝试如下:

$('.expireButton').on('click',function()
{
   var uncheckDate = new Date();
   uncheckDate.setTime(date.getTime() + ( 1 * 1000));
   $.each($('input[type=checkbox]:checked'),function(){ //Get all the checked checkbox
        $.cookie($(this).attr("value"), {
               path: '/',
               expires:  uncheckDate
        });
   });
});