欢迎访问移动开发之家(rcyd.net),关注移动开发教程。移动开发之家  移动开发问答|  每日更新
页面位置 : > > > 内容正文

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

来源: 开发者 投稿于  被查看 40623 次 评论:21

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


例如有以下的bootstrap radio buttons group

[code]<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>[/code]

现在,我需要使用Jquery来获取当前选中的颜色,怎么操作呢?

在bootstrap里,button group 也是用radio来模拟实现的,它封装实现了实际的radio操作,所以我们可以直接用Jquery的选择器来获取radio的选中值,如下:

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


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

用户评论