Радиогруппы

Радиогруппы - это аналог input[type="radio"], которые объединены в группы.
Дополнительный класс используется для инициализации.
Эта конструкция нужна для визуального отображения красивых переключателей, при этом не показывая стандартные инпуты. Таким образом, добавляя описаныые классы, к типичному блоку 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", в радиогруппе происходит выделение активного элемента.
Активный элемент необходимо выделять добавочным классом для 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>