Есть фильтр товаров, который пока не получается довести до ума. В фильтре используются множественные чекбоксы с одинаковым name. И если отметить несколько чекбоксов, то значение берется только от последнего.
Проблема вроде бы решается добавлением [], но тогда адресная строка становится совсем не красивой:
/catalog?diagonal=27"&diagonal=32"
Хотелось бы, чтобы было например так:
/catalog?diagonal=27"|32"
У меня получилось сделать так, чтобы такая адресная строка работала (для этого у name был убран []). Однако, это работает только через адресную строку. Как сделать так, чтобы такая адресная строка формировалась через нажатие на чекбоксы и submit формы?
Сделать hidden поле, значение которого будет формироваться js'ом из флажков, с помощью vue это очень просто сделать. Получается, нужен компонент, который на вход принимает массив флажков, рендерит чекбоксы и hidden инпут.
Простой