Сериализация формы с групповыми полями

Решение сделал: Сериализуем форму в объект:

$.fn.serializeObject = function () {
    "use strict";
    const result = {};
    const extend = function (i, element) {
        const node = result[element.name];
        if ('undefined' !== typeof node && node !== null) {
            if ($.isArray(node)) {
                node.push(element.value);
            } else {
                result[element.name] = [node, element.value];
            }
        } else {
            result[element.name] = element.value;
        }
    };
    $.each(this.serializeArray(), extend);
    return result;
};

Выполняем по изменению нужного элемента:

$('body').on('change','.filter', function () {
    const params = $('.filters').serializeObject();
    let currentKey;
    if(isEmpty(params)){
        updateQueryStringParam($(this).prop('name'), $(this).val(), true);
    }else{
        currentKey = $(this).prop('name');
        if($('input[name^="'+currentKey+'"]:checked').length === 0){
            updateQueryStringParam($(this).prop('name'), $(this).val(), true);
        }else {
            $.each(params, function (id, val) {
                let value;
                if ($.isArray(val)) {
                    value = val.join(',');
                } else {
                    value = val;
                }
                updateQueryStringParam(id, value);
            });
        }
    }
});

Метод получения url с нужными параметрами не удаляя текущие и удаляя те, которых нет:

     function updateQueryStringParam(param, value, remove = false) {
    const baseUrl = [location.protocol, '//', location.host, location.pathname].join('');
    const urlQueryString = document.location.search;
    let newParam = param + '=' + value,
        params = '?' + newParam;
    if (urlQueryString) {
        const keyRegex = new RegExp('([\?&])' + param + '[^&]*');
        if (urlQueryString.match(keyRegex) !== null) {
            params = urlQueryString.replace(keyRegex, remove ? '' : "$1" + newParam);
        } else {
            params = urlQueryString + '&' + newParam;
        }
    }
    if(params.indexOf('?') === -1 ){
        params = params.replace('&','?');
        console.log(params);
    }
    window.history.replaceState({}, "", baseUrl + params);
    return baseUrl + params;
}

Проверка объекта на empty:

function isEmpty(obj) {
            for(const key in obj) {
                if(obj.hasOwnProperty(key))
                    return false;
            }
            return true;
        }

Если кто-то предложит более изящное решение - буду рад)