Личный кабинет OneBox CRM
Связаться с нами
+38 (067) 328-75-45
+38 (050) 324-46-54
Кабинет клиентаБаза знаний › Просмотр базы знаний

Радиогруппы

Радиогруппы - это аналог input[type="radio"], которые объединены в группы.
Дополнительный класс
.js-radio-group
используется для инициализации.
Эта конструкция нужна для визуального отображения красивых переключателей, при этом не показывая стандартные инпуты. Таким образом, добавляя описаныые классы, к типичному блоку html, мы получим визуальное представление радиогруппы как в примерах ниже.

Стандартная радио группа


<div class="ob-radio-group js-radio-group">
    <label>
        Value 1
        <input type="radio" checked="" value="1" name="active">
    </label>
    <label>
        Value 2
        <input type="radio" value="2" name="active">
    </label>
    <label>
        Value 3
        <input type="radio" value="3" name="active">
    </label>
    <label>
        Value 4
        <input type="radio" value="4" name="active">
    </label>
    <label>
        Value 5
        <input type="radio" value="5" name="active">
    </label>
    <div class="clear"></div>
</div>

Пример


Радиогруппа с активным элементом

Данную радиогруппу можно использовать для элементов "on/off", в радиогруппе происходит выделение активного элемента.
Активный элемент необходимо выделять добавочным классом
.success
для label элемента.


<div class="ob-radio-group js-radio-group">
    <label class="success">
        Active
        <input type="radio" checked="" value="1" name="active">
    </label>
    <label>
        Inactive
        <input type="radio" value="2" name="active">
    </label>
    <div class="clear"></div>
</div>

Пример