使用Jquery獲取Bootstrap Radio Group當前選中的單選框的值

例如有以下的bootstrap radio buttons group

<div class="btn-group" id="color" data-toggle="buttons">
       <label class="btn btn-default">
         <input type="radio" class="toggle" value="1"> 紅色
       </label>
       <label class="btn btn-default">
         <input type="radio" class="toggle" value="2"> 綠色
       </label>
       <label class="btn btn-default">
         <input type="radio" class="toggle" value="3"> 藍色
       </label>
</div>

現在，我需要使用Jquery來獲取當前選中的顏色，怎么操作呢？

在bootstrap里，button group 也是用radio來模擬實現的，它封裝實現了實際的radio操作，所以我們可以直接用Jquery的選擇器來獲取radio的選中值，如下：

var selectedColor = $('#color input:radio:checked').val();

文章來源:使用Jquery獲取Bootstrap Radio Group當前選中的單選框的值