Bootstrap данных тумблер = радио «кнопка» проверяются свойство

Question

Я вижу, что радио-кнопка Bootstrap (созданная с помощью данных-тумблера = «кнопка») изменений события переключает активного класса между этикетками и не делает никакого влияния на проверено Свойства реальных переключателей. Это нормальное поведение или у меня есть ошибка?

Или, как я могу связать этот активный класс этикетки и проверил свойство радио друг друга в двух направлениях таким образом, что они изменяют одновременно?

Пример кода:

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-primary active"> 
    <input type="radio" name="options" id="option1" autocomplete="off" checked> Radio 1 (preselected) 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option2" autocomplete="off"> Radio 2 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option3" autocomplete="off"> Radio 3 
    </label> 
</div> 

Answer 1

Проверить этот код

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-primary active"> 
    <input type="radio" name="options1" id="option1" autocomplete="off"> Radio 1 (preselected) 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options2" id="option2" autocomplete="off"> Radio 2 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options3" id="option3" autocomplete="off"> Radio 3 
    </label> 
</div> 

С уважением

Answer 2

Если вы предварительно переключая кнопки, необходимо вручную добавить .active класс и aria-pressed="true" к ,

https://v4-alpha.getbootstrap.com/components/buttons/#toggle-states