クッキーの編集はプレーンなJSで記述もできますが、けっこう面倒です。
ここではjQueryのプラグイン(jquery.cookie.js)を利用し際の関数を掲載します。
「test_save」というキーでフォームの中の値を書き込む 30日有効
$.cookie('test_save', value, { expires: 30 });
フォームから値を設定する場合の例
$.cookie('test_save', $('form input#text').val(), { expires: 30 });
属性は
expires: 30
日付
path: "/"
パスの指定
domain: kipure.com
ドメイン
secure: true
SSLの際、設定可
読み込み
value = $.cookie('test_save');
削除
$.removeCookie('test_save');
もしくは
$.cookie('test_save', null);
実装するとこんな感じ
保存されているデータ