首页 / Jquery / 正文

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

21100 发布于: 2015-03-03 读完约需2分钟
例如有以下的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();
 

版权声明:本作品系原创,版权归码友网所有,如未经许可,禁止任何形式转载,违者必究。

上一篇: C#(.NET)的扩展方法使用场景实例

下一篇: JAVASCRIPT检测浏览器是否为IE,IE则返回版本号

本文永久链接码友网 » 使用Jquery获取Bootstrap Radio Group当前选中的单选框的值

分享扩散:

发表评论

登录用户才能发表评论, 请 登 录 或者 注册