jQueryでcookieやjsonと扱うときの値の変換など

Question

###実現したいこと
jQueryを使って、cookieとjsonを扱おうとしてるのですが、値の変換にてこずっています。

実現したい流れはこうです。

.checkbox inputにチェックしたときに、そのdata-my_idを取得してcookieに配列で保存しておく。
逆にチェックを外したときはcookieから削除する。
###該当のソースコード

<div class="checkbox">
  <input type="checkbox" data-my_id="1">
</div>
<div class="checkbox">
  <input type="checkbox" data-my_id="2">
</div>

###試したこと
あれこれ質問させていただく中で、こちらのコードまで考えてみたのですが、それでもどうしてもできません。

どこを直せば実現できるか、もしわかる人がいらっしゃいましたら、どうか教えてください…宜しくお願い致します。

// 対象のidを追加か削除してcookieに保存する
$(function(){
	$(document).on("change",".checkbox input", function(){	
		// 対象のidを取得
		var my_id_new = Number( $(this).data('my_id') );
		// cookieにあるチェック済みのidの配列を取得、なければ空の配列を取得
		var my_id_current = $.cookie("my_id_current") !== '' ? JSON.parse($.cookie("my_id_current")) : [];
		// チェックしたら配列に追加、チェックを外したら配列から削除
		if( $(this).prop('checked') ){
			my_id_current.push(my_id_new);
		}else{
			my_id_current = my_id_current.filter(id => id !== my_id_new);
		}
		// cookieを更新
		$.cookie( "my_id_current", JSON.stringify(my_id_current),{ expires: 365, path:'/'} );		
	});
});

Comments

[m.ts10806]

「うまくいかない」とは何が起きているのでしょうか(この手の表現は誰にもなにも伝わりません。起きた現象をきちんと具体的に書きましょう)

[m.ts10806]

またブラウザの種類バージョンも記載してください

Answer 1

cookieに値が存在しない場合の返り値は"undefined"なので

【誤】$.cookie("my_id_current") !== ''　→　【正】$.cookie("my_id_current") !== undefined

で、いけるかも～