クッキーの保存日数の記述箇所が分からない

Question

クッキーの保存日数の記述箇所が分からない

jquey.cookie.jsを使用している前提です。
checkboxのON・OFFを保存する内容なのですが、保存日数をどこに記述すればよいのか分かりません。
ご教授願います。

発生している問題・エラーメッセージ

jQuery(function($){
            //ページを読み込んだら、チェックボックスにクッキーの値を反映する
            if($.cookie("chk_sample_selected_value")){
            
                var load_values = $.cookie("chk_sample_selected_value").split(",");
            
                for(var i = 0; i < load_values.length; ++i){
                    load_values[i] = decodeURIComponent(load_values[i]);
                }
                
                $("input[type=checkbox][name=chk_sample]").each(function(){
                    this.checked = $.inArray(this.value, load_values) != -1;
                });
            }

            //チェックを変えたらクッキーを保存するイベントを登録する
            $("input[type=checkbox][name=chk_sample]").change(function(){
            
                var save_values = [];
                
                $("input[type=checkbox][name=chk_sample]").each(function(){
                    this.checked && save_values.push(encodeURIComponent(this.value));
                });

                $.cookie("chk_sample_selected_value", save_values.join(","));
            });

        });

登録するの中に記述したのですが、ここではなかったみたいで・・・。

$("input[type=checkbox][name=chk_sample]", { expires: ○○ })

Answer 1

jquery-cookieを利用している前提でよろしいですか？

クッキーセット時にオプション指定して下さい

$.cookie('data','1',{expires:7});

Comments

[sucota]

ありがとうございます。

jquery-cookie.jsを使用しています。

上記の場合ですと、if文の中の$.cookieではなく、登録する方の$.cookieに記述するでよろしいでしょうか？

[yambejp]

jquery-cookieの仕様は
$.cookie('data')→参照
$.cookie('data',1)→設定
$.removeCookie('data')→削除

です

[sucota]

すみません。
初心者につき、仕様だけでは理解できません。

質問に記載のコードのどこに有効期限を記述すればよいのか分かりません。

[yambejp]

> 仕様だけでは理解できません

回答に具体的にかきましたよね？
expiresに指定した数値分の日数が生存期間です
秒単位で処理した場合はこんな感じ

$.cookie("data",1,{expires:[new Date().getTime()+30*1000].reduce((x,y)=>(x.setTime(y),x),new Date())});

上記30が30秒間という意味です

[sucota]

すみません。
問題のコードに当てはめた時にどこに記述すればよいのかが分かりませんという意味です。
回答いただいた分はググれば出てくるのですが、そうではなくて、問題のコードに当てはめると不明なので質問した次第です。

[yambejp]

$.cookie("chk_sample_selected_value", save_values.join(","));
↓↓↓
$.cookie("chk_sample_selected_value", save_values.join(","),{empires:7});

[sucota]

ありがとうございます。

恐れ入りますが、
教えていただいたコードを試しましたが、変更前と同じ結果です。
7日後にはならず、クロームのデベロッパーツールでも保存日数はSessionのままでした。

[yambejp]

すみません、タイプミスがありました、修正してあります
ecpires→empires

[sucota]

ありがとうございます。
empiresではなく、expiresだと成功しました！
m→x

[yambejp]

あれ・・・たびたびtypoで失礼しました