Переключить переменные строки запроса

Я ломал голову над этим.

Как с помощью jquery или javascript переключать переменные и значения, а затем заново строить строку запроса? Например, мой начальный URL:

http://example.com?color=red&size=small,medium,large&shape=round

Затем, если пользователь нажимает кнопку с надписью «красный», я хочу получить в итоге:

http://example.com?size=small,medium,large&shape=round //color is removed

Затем, если пользователь снова нажимает «красный», я хочу закончить с:

http://example.com?size=small,medium,large&shape=round&color=red //color is added back

Затем, если пользователь нажимает кнопку с пометкой «средний», я хочу получить:

http://example.com?size=small,large&shape=round&color=red //medium is removed from list

Затем, если пользователь снова щелкает помеченный «средний», я хочу получить:

http://example.com?size=small,large,medium&shape=round&color=red //medium added back

На самом деле не имеет значения, в каком порядке находятся переменные; Я только что доводил их до конца.