使用Jquery获取Bootstrap Radio Group当前选中的单选框的值

例如有以下的bootstrap radio buttons group

?

1 2 3 4 5 6 7 8 9 10 11

<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的选中值，如下：

?

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

文章来源:使用Jquery获取Bootstrap Radio Group当前选中的单选框的值