The interface forms with large groups of radio buttons and checkboxes

There is a search form with multiple radio groups and a few groups checkbox. Radio can be replaced by select (the meaning is not changed), but then the user sees all the options, and to switch will require 2 clicks. Positioning elements in a group under each other will not work (they are from 5 to 10 for each filter, and filters can be quite a lot). Standard horizontal elements do not look very good. Is there an alternative? I would like first of all to get links on pages where the designer was set a similar task (he could not find anything).
October 8th 19 at 01:07
4 answers
October 8th 19 at 01:09
I see nothing wrong with "extra" click and select. Latest just need to group multiple options. Making the "extra" click, user will see all the options and it's definitely heaps better radio.
If you have to choose 10 filters? 10 extra clicks. Even though the user will not know what the options are for everyone. - Tyshawn11 commented on October 8th 19 at 01:12
October 8th 19 at 01:11
In bootstrap I was looking for in the first place. Not suitable because of the selections are many and they will not fit in one line. Immediately mnogozadachnosti radio buttons and checkboxes are not provided. - Tyshawn11 commented on October 8th 19 at 01:14
October 8th 19 at 01:13
1. You can use multiselect. Then some points will be visible immediately, it will shake.

2. to be placed in multiple columns, although it is worse for perception.

3. You can do something like the wizard in the form of the accordion to visible simultaneously, there was one question and all items. Although the meaning is the same select.
October 8th 19 at 01:15
I'm using a Chosen, normal and multizlakovye. Compact screening of selected variants outweighs the extra click. Users like more than a bunch of checkboxes on the screen.

Find more questions by tags User interfaceHTML