Кнопка выбора ботстрапа Отменить выбор

Question

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

<div class="btn-group" data-toggle="buttons-radio"> 
    <button data-toggle="button" class="btn btn-small">1</button> 
    <button data-toggle="button" class="btn btn-small">2</button> 
    <button data-toggle="button" class="btn btn-small">3</button> 
</div> 

Answer 1

Вы должны были бы сделать это с помощью JavaScript:

$(".btn-group button").removeClass("active"); 

Смотрите здесь: http://jsfiddle.net/TrPFf/2/

Answer 2

Если вы используете кнопки плагин Bootstrap, вы можете обернуть радиокнопки в «кнопки» этикетки, как это:

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option1"> Option 1 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option2"> Option 2 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option3"> Option 3 
    </label> 
</div> 

Это делает более семантический HTML, и легче вводить пользователя.