質問: ### 実現したいこと チェック項目の数が多く選択された項目の商品を表示。 もし同数の場合は既存の「優先度」を第二判断基準として設定。 今の設定だとBとCを多く選択しても赤が優先に表示されてしまう。 ご教授いただけると幸いです。※javascript初心者 例)数が多く選択された場合は下記 A1+A2+B1→A (赤)の商品を表示 B1+B2+A1→B (青)の商品を表示 C1+C2+B2→C (黄)の商品を表示 例)同数の場合は下記 赤→優先度:高 青→優先度:中 黄→優先度:小 ### 該当のソースコード HTML ``` C3 A1 B2 C2 A2 B1 C1 B3 A3 押したら商品が表示(ボタン) 赤商品 黄商品 青商品 もう一度やり直す ``` ### 該当のソースコード JS ``` $(document).ready(function () { $("#btn_question").click(function () { searchMedicine(); }); $(".btn_bk").click(function () { backSearch(); }); }); function searchMedicine(){ $('#question').hide(); if($("[name=checkbox07]").prop("checked") || $("[name=checkbox08]").prop("checked") || $("[name=checkbox09]").prop("checked")){ $('#red').show(); } else if($("[name=checkbox05]").prop("checked") || $("[name=checkbox06]").prop("checked") || $("[name=checkbox04]").prop("checked")){ $('#blue').show(); } else if($("[name=checkbox01]").prop("checked") || $("[name=checkbox02]").prop("checked") || $("[name=checkbox03]").prop("checked")){ $('#yellow').show(); } else { $('#error').show(); } } function backSearch(){ $('#question').show(); $('#red').hide(); $('#blue').hide(); $('#yellow').hide(); $('#error').hide(); } ```
回答: こんな感じですかね? * codepen checkbox priority ※更新