絞込み検索ページへのリンクについて

Question

（Aページ）https://www.wan55.co.jp/files/user/column/column447/
こちらのページのようなhtmlを制作いたしました。
ほぼ作りは同じです。

そこで、（Bページ）別ページから
この絞込み検索ページへリンクをしたいのですが
うまくいきません。

Bページにあるテキストをクリックすると
Aページへジャンプ（リンク）し
「哺乳類」チェックボックスが選択されたままかつ、
哺乳類が表示された状態で表示させたいのです。

現在は「哺乳類」チェックボックスにチェックは入りますが
「哺乳類」のみの表示はされない状態です・・。

そのようなことは可能でしょうか。

なかなかうまくいかず困っております。
ご教授ください。お願いします。

Answer 1

getのパラメータで渡して、location.searchで哺乳類のチェックをするため
clickイベントを発生させればよいのでは？

Comments

[退会済みユーザー]

ごめんなさい。コードを書いてもらうことは可能でしょうか。本当にお手数おかけし申し訳ございません。

[yambejp]

> 現在は「哺乳類」チェックボックスにチェックは入ります

のところまで、質問にソースを追記してください

[退会済みユーザー]

ありがとうございます！！

■HTML■Bページ

<script>
$(function(){
var params={};
if(location.search.length>0){
location.search.substring(1).split('&').forEach(function(x){
var y=x.split("=");
params[y[0]]=y[1];
});
}
(params["checked"]||"").split("+").forEach(function(x){
$('#chk'+x).prop('checked',true);
});
});

</script>

<a href="index.html?checked=01">和チェック</a></label><br>
<a href="index.html?checked=02">洋チェック</a><br>
<a href="index.html?checked=03">中チェック</a><br>
<a href="index.html?checked=04">スイーツ</a><br>
<a href="index.html?checked=05">ムービー</a><br>

Aページは上記URLの通りです。
哺乳類などの項目は和洋中などに書きかえております。

[yambejp]

$('#chk'+x).prop('checked',true);
↓↓↓
if($('#chk'+x).prop('checked')==false) $('#chk'+x).trigger('click');

[退会済みユーザー]

わぁ！ありがとうございます！！（T-T）助かりました！！
本当に初心者でこれからがんばります。
またたくさん質問するかもしれませんがよろしくお願いいたします。

Answer 2

どんなコードを書いているかわかりませんが、可能です。
チェックボックスにチェックが入っている状態で描画更新をかければ良いかと。