如果未选中任何复选框，则删除URL参数

Question

我正在尝试使用以下脚本在页面上设置一些基本过滤。但是，如果用户取消选中所有复选框，则页面将刷新，并带有空白的areas参数。如果未选中任何复选框，如何检查这种情况并因此删除URL中的areas查询？

谢谢。

(function($) {
                    $('#filters').on('change', 'input[type="checkbox"]', function() {

                        // vars
                        var $ul = $(this).closest('ul'),
                        vals = [];

                    $ul.find('input:checked').each(function(){
                        vals.push( $(this).val() );
                    });

                    vals = vals.join(",");

                    window.location.replace('<?php echo home_url('casestudies'); ?>?areas=' + vals );
                    console.log(vals);



                });
            })(jQuery);

Answer 1

在 vals = vals.join（“，”）;

之前添加此代码

if( vals.length == 0 ){
    window.location.replace('<?php echo home_url('casestudies'); ?>');                  
}