开发者社区> lampo> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介: 例如有以下的bootstrap radio buttons 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当前选中的单选框的值

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
jquery 获取单选框值的方法
jquery 获取单选框值的方法
0 0
jQuery单选框跟复选框美化
在线演示 本地下载
609 0
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——7.4 示例:使用按钮集装饰单选框
除了button,jQuery UI还提供了buttonset(按钮集)。代码清单7-4演示了如何使用buttonset将一组单选框装饰成普通按钮的样式,其中每次只能选中一个按钮。
1259 0
jquery单选框radio值改变change事件
2015年11月25日 13:39:03 1 $().ready(function(){ 2 //默认显示#input_div 3 if ($("input[name='type']:checked").
1317 0
推荐11款jQuery的复选框和单选框美化插件
英文出处: jQuery Plugins for Styling Checkbox & Radio Buttons
531 0
jQuery插件实现图片墙小案例
jQuery插件实现图片墙小案例
0 0
【jquery Ajax】接口的学习与Postcode插件的使用
【jquery Ajax】接口的学习与Postcode插件的使用
0 0
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
0 0
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
0 0
NET MVC第七章、jQuery插件验证
NET MVC第七章、jQuery插件验证
0 0
+关注
lampo
计算机科学与技术专业,全栈工程师,专注.NET及相关开发,对编码执着,对工作热情,热爱研究前沿技术
文章
问答
文章排行榜
最热
最新
相关课程
更多
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载