与jQuery饼干

Question

我有一个复选框的列表，我想，当点击被添加到一个cookie使用jQuery。

我的代码是这样的：

<input type="checkbox" value="vat_50" name="vat_50" class="tax"> 
<input type="checkbox" value="vat_34" name="vat_50" class="tax"> 
<input type="checkbox" value="vat_12" name="vat_50" class="tax"> 

我将如何设置cookie的，对于上面的复选框？

我见过$.cookie，但不知道如何实现它。

感谢

Answer 1

试试这个前提是你使用jQuery的cookie plugin

$(document).ready(function() { 

    $('input:checkbox').click(function() { 
     var name = $(this).attr("name"); 
     var value = $(this).val(); 
     $.cookie(name, value, { expires: 365 });//Set the expires time as per your requirement. 
    }); 
}); 

Answer 2

下载plugin，将其添加到您的文件（jQuery的后），并使用它（有直接在该文件

Answer 3

这里有很多例子是使用jQuery或您设置cookie一个how to可以看看this one请考虑使用google HTH

Answer 4

这里是一个简单的库我写的高压..你不需要臃肿库..只是再压缩这

var cookieManager = (function() { 
    return { 
     createCookie: function (name, value, days) { 
      var expires = ""; 
      if (days) { 
       var date = new Date(); 
       date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 
       expires = "; expires=" + date.toGMTString(); 
      } 
      document.cookie = name + "=" + value + expires + "; path=/"; 
     }, 
     writeSessionCookie: function (cookieName, cookieValue) { 
      document.cookie = cookieName + "=" + cookieValue + "; path=/"; 
     }, 
     readCookie: function (name) { 
      var nameEq = name + "="; 
      var ca = document.cookie.split(';'); 
      var i; 

      for (i = 0; i < ca.length; i++) { 
       var c = ca[i]; 
       while (c.charAt(0) === ' ') { c = c.substring(1, c.length); } 
       if (c.indexOf(nameEq) === 0) { return c.substring(nameEq.length, c.length); } 
      } 

      return null; 
     }, 
     deleteCookie: function (name) { 
      this.createCookie(name, null, -1); 
     } 
    }; 
}()); 

用法：

cookieManager.writeCookie("foo","bar"); 

var fooValue=cookieManager.readCookie("foo");