Django Bootstrap Data Toggleラジオボタンが動作しない

Question

私はフォームの一部を持っています。その一部は、"tool_loc"という選択肢グループから選択するラジオボタンを作成しています。 JavascriptとブートストラップCSSが正しくロードされています（とにかくChromeごと）。ここで

は、テンプレートの抜粋です：

​​

エンドHTML結果はここにある：

https://jsfiddle.net/6o84xLx2/2/

問題 ボタンがクリックされると、それがハイライトされ滞在していません。 （それはここにあります：http://v4-alpha.getbootstrap.com/components/buttons/#checkbox-and-radio-buttons）

私が間違っていることがわかりません！

Answer 1

あなたの問題はブーストラップライブラリです：here更新されたjsfiddleを見つけることができます。

スニペット：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 

 

 
<div class="btn-group" data-toggle="buttons"> 
 
    <label for="id_tool_loc_0" class="btn btn-primary">--------- 
 
     <input checked="checked" id="id_tool_loc_0" name="tool_loc" type="radio" value=""> 
 
    </label> 
 
    <label for="id_tool_loc_1" class="btn btn-primary">T01 
 
     <input id="id_tool_loc_1" name="tool_loc" type="radio" value="1"> 
 
    </label> 
 
    <label for="id_tool_loc_2" class="btn btn-primary">T02 
 
     <input id="id_tool_loc_2" name="tool_loc" type="radio" value="2"> 
 
    </label> 
 
</div>