チェックボックス：チェックを外した際のイベントが実行されません

Question

前提・実現したいこと

解決したいこと・困っている部分

不動産管理システムの実装中です。
下記の通りのパターンで分けたいと思っています。SQL文でパラメータの値をGETすることによって、条件分岐をさせたいと思っているためです。
しかし、チェックを入れた際は上手く動作するものの、チェックを外した際のみ、パラメータが変更しない状態で困っております。

• デフォルトでは「売却済」「キャンセル済」は非表示
• チェックボックス１（「売却済」も表示）にチェックした際/ チェックを外した際
• チェックボックス２（「キャンセル済」も表示）にチェックした際/ チェックを外した際

考えられる可能性等あれば、ご指摘いただけますと幸いです。

該当のソースコード

          <div class="col-md-10">
                                <label class="checkbox-inline">
                                    <input type="checkbox" class="check1" name="check1" value="check1">
                                    「売却済」も表示 </label>
                                <label class="checkbox-inline">
                                    <input type="checkbox" class="check2" name="check2" value="check2">
                                    「キャンセル済」も表示 </label>
                            </div>

                        <script>
                            $(function() {
                                // 「売却済」にチェックした場合
                                $('input[name="check1"]').click(function() {
                                    var propcheck1 = $('.check1').prop('checked');
                                    if (propcheck1) {
                                        location.href = "?s1=done";
                                    } else {
                                        location.href = "";
                                    }
                                });
                                // 「キャンセル済」にチェックした場合
                                $('input[name="check2"]').click(function() {
                                    var propcheck2 = $('.check2').prop('checked');
                                    if (propcheck2) {
                                        location.href = "?s2=missed";
                                    } else {
                                        location.href = "";
                                    }
                                });
                            });
                        </script>

試したこと

・テストアラートを行っても動作しない状況です。
・コンソールエラーも出ていない状態です。

下記も同様の現象（チェック時には目的の動作ができるものの、チェックを外した際に元に戻らない）になってしまう状態です。
・「click」→「change」へのイベント変更
・遷移先を直接URLに指定
・「location.href」→「window.location.href」へ変更

Comments

[m.ts10806]

clickではなくchangeではどうでしょう。

[liduiu98]

ありがとうございます! changeに変更しても上手くいかない状態です。（チェックした際は上手くいくのですが、外した際にURLパラメータに変化が起こらない）

[m.ts10806]

あと「ページ内でのSQL文を条件分岐するための方法」であれば、
そのSQL含めたコードを提示されないと「動いてます」で終わってしまいます。

[liduiu98]

承知しました、ページ遷移の際にチェックボックスがリセットされてしまうという情報を先ほど知って、となるとそもそも手法から再検討する必要があるのかなと思いました。

一旦、条件分岐の方法自体から再設計してみます、なお、その際はご指摘いただいた通りにしてみようと思います。ありがとうございました。

Answer 1

チェックボックスを動かすたびにlocation.hrefを（ハッシュ以外で）変更するということは、そのたびにページ遷移することになります。それは意図通りで間違いないでしょうか？

Comments

[liduiu98]

コメントありがとうございます！ページ遷移をしたいのではないものの、同ページ内でのSQL文を条件分岐するための方法が他に分からずこのような方法で試みている状態です。

[liduiu98]

ゴールとしては、「デフォルトで絞っていた表示列をソートしたい」
→そのためにSQLで条件分岐
→そのためにURLパラメータを変えたい
→チェックボックスによってURLパラメータを変えれば良いのでは？？

という思考回路でした

[maisumakun]

このままでは、ページ遷移のたびにチェックボックスの状態はリセットされますので、わけがわからなくなります。

[liduiu98]

そうなのですね、、、！その知識が無く、リセットされない前提でした。

ありがとうございます。やろうとしている方法自体に問題があったようなので、手法から再検討する必要がありそうですね。
>ページ遷移のたびにチェックボックスの状態はリセットされます

Answer 2

チェックボックスのクリックでlocation.hrefを切り替えてしまっては
ページが遷移してしまっています

Comments

[liduiu98]

コメントありがとうございます！ページ遷移をしたいのではないものの、同ページ内でのSQL文を条件分岐するための方法が他に分からずこのような方法で試みている状態です。

ゴールとしては、「デフォルトで絞っていた表示列をソートしたい」
→そのためにSQLで条件分岐
→そのためにURLパラメータを変えたい
→チェックボックスによってURLパラメータを変えれば良いのでは？？

という思考回路でした