как сделать такой <input type=“range”> как на изображении

Всем добрый день! В кратце проблема такая, есть страница, на ней шрифтовые иконки fontawesome, сам шрифт подключается через CND

Нужно всего лишь, чтоб при нажатии на чекбокс (в наличии или под заказ) в заголовке происходило выделение всех чекбоксов (в наличии или под...

Вот, есть такой код:

С помощью Bootstrap сделал выпадающее меню, но в <li> поставил не ссылки, а input[type=checkbox]Теперь при каждом клике выпадающее меню исчезает