JQ实现网站多条件筛选显示（下）

 <div class="shuaixuan_list">
     <ul>
         <li class="shuaixuan_tiaojian">申请执行人：</li>
         <li class="bb"><a href="CaseList.aspx" class="space executor2">不限</a></li>
         <li class="bb"><a href="CaseList.aspx?executor=0" onclick=" return GetRequest(this);" class="executor0">公司</a></li>
         <li class="bb"><a href="CaseList.aspx?executor=1" onclick=" return GetRequest(this)" class="executor1">个人</a></li>
         </ul>
 </div>
   <div class="shuaixuan_list">
      <ul>
         <li class="shuaixuan_tiaojian">被执行人：</li>
         <li class="bb"><a href="CaseList.aspx" class="  space enforced2">不限</a></li>
         <li class="bb"><a href="CaseList.aspx?enforced=0" onclick=" return GetRequest(this)" class="enforced0">公司</a></li>
         <li class="bb"><a href="CaseList.aspx?enforced=1" onclick="return GetRequest(this)" class="enforced1">个人</a></li>
         </ul>
   </div>

  <script>
        theRequest = new Object();
        str_Request = new Object();
        //获取当前URL中的参数
        $(function () {
            var URL = window.location.search;
            if (URL.indexOf("?") != -1) {
                var str = URL.substr(1);
                strs = str.split("&");
                for (var i = 0; i < strs.length; i++) {
                    str_Request[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                }
            }
            else { }
            if(Object.keys(str_Request).length>0)
            {
                //处理添加选中样式
                for(var i in str_Request) //遍历集合中键值对
                {
                    
                    if(i=="executor")
                    {
                        $(".shuaixuan_list li .executor"+str_Request[i]+" ").addClass("xuanzhong");
                    }
                    if(i=="enforced")
                    {
                        $(".shuaixuan_list li .enforced"+str_Request[i]+" ").addClass("xuanzhong");
                    }
                    else
                    {  
                        $(".shuaixuan_list li .space ").addClass("xuanzhong");//给默认的值添加样式
                        for(var i in str_Request)
                        {
                            $(".shuaixuan_list li ."+i+"2").removeClass("xuanzhong");//去掉集合中存在的默认值选中样式
                        }
                    }
                    
                }
            }
            else
            {
                $(".shuaixuan_list li .space ").addClass("xuanzhong");//给默认的值添加样式
            }
        })
        function GetRequest(date) {
            var url = date.search; //获取url中"?"符后的字串  
            if (url.indexOf("?") != -1) {
                var str = url.substr(1);
                strs = str.split("&");
                for (var i = 0; i < strs.length; i++) {
                    theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                }
                var baseUrl = 'CaseList.aspx';
                const obj =$.extend(Object(str_Request), Object(theRequest));
                const finalUrl = `${baseUrl}?${encodeSearchParams(obj)}`;
                window.location.href=finalUrl;
                return false;
            }
            else { }
        }
    </script>

根据上一篇进行开发：JQ实现网站多条件筛选显示

https://blog.youkuaiyun.com/CAO11021/article/details/81458123