单击按钮使复选框 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
        });
   });
});

单击按钮使复选框 cookie 过期

Expire check boxes cookies on click button

javascript

cookies

checkbox

jquery

jquery-plugins