Làm thế nào để có được các nút khởi động để hiển thị trạng thái hoạt động?

Question

Tôi đang gặp sự cố với một bộ nút radio.

<div class="btn-group control-buttons" data-toggle="buttons-radio"> 
    <button type="button" class="btn">One</button> 
    <button type="button" class="btn">Two</button> 
    <button type="button" class="btn">Three</button> 
</div> 

Xem ở đây: http://jsfiddle.net/dhbenson/LM9uW/

Khi nút được nhấn vào, họ không bao giờ ở lại chán nản (ví dụ: không bao giờ xuất hiện để được "hoạt động").

Có ai biết tại sao không? Tôi cần phải làm gì khác để làm cho các nút này hoạt động chính xác?

EDIT

Ah, tôi hiểu. Tôi quên bao gồm mã bootstrap js.

fiddle này hoạt động: http://jsfiddle.net/dhbenson/qNeSS/

Answer 1

Bạn cần javascript bootstrap cho các chức năng đó.

Thêm phần này vào đầu HTML của bạn:

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 

Answer 2

Hãy thử mã này:

<div class="btn-group" data-toggle="buttons-checkbox"> 
    <button type="button" class="btn">Left</button> 
    <button type="button" class="btn">Middle</button> 
    <button type="button" class="btn">Right</button> 
</div> 

và thêm một tập tin tức bootstrap-button.js