且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2021-09-11 06:31:57

例如有以下的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当前选中的单选框的值

----------------------------------------------------
专注Web和.NET开发,对前沿技术有深厚的兴趣~~~
个人独立博客图享网--【http://2sharings.com】,欢迎到访。