【Jquery CSS】選択したラジオボタンの固定

Question

ラジオボタンの見た目を変えることでCSSでのタブ切替の実装をしたんですが、

その切替えたタブごとにページネーションをつけていて、それぞれ別のクエリが発行されるようになっているんですが、

例えばタブが２つあった場合、2つめのタブの状態でページネーションでページを切り替えると、render？redirect？されるのでタブの選択が初期状態（つまり1つめのタブ）になってしまいます。

これを起こさないためには、ページネーションを押してページが切り替わったあとも、タブの選択（つまりラジオボタンの選択）を固定しておくJQueryなどを書く必要があると思いますが、その方法がまったく思いつかないです。

やり方や、別の方法を思いつく方いらっしゃったらヒントや解答をいただけると助かります。

詳しいコードはこちらにあるので、お願いします。
https://teratail.com/questions/156507

Answer 1

ラジオボタンの情報をクッキーに保持し、ロード時に適用するのが一番ラクでは？
SPAで組んでページの遷移がなければページ内でなにか処理をする必要はないと思います
（初期ロード時にはいずれにしろクッキーでの処理は必要）

Comments

[anpnt]

ありがとうございます！jsはほとんど使ったことなく僕には到底思いつかない方法で勉強になります。

もしよろしければ追加でお伺いしたいんですが、この場合クッキーに保持する情報は、inputタグのchecked属性になるんでしょうか？それとも何か他の値を保持する必要があるんでしょうか？

[ssmxgo]

js,jqueryを極力学習しないという前提でしょうか？
https://s8a.jp/javascript-store-js
ここにあるようなプラグインで、クッキーに進化版みたいなLocalStorageというところに、Key，Valueでデータを保持できると思います。そこにnameとcheckedの状態を書き込めば良いと思います
詳細読んでませんが、ご参考までに。