bootstrap框架下单选按钮组的选中以及取值问题

1、业务功能：四个按钮只能选中一个，且默认选择水准4

先看代码。

这是查看了bootstrap的资料做的四个按钮的按钮组。

业务需求：默认选中水准4，查找bootstrap资料并没有找到合适的解决办法，后来在一篇博客中找到一个方法（实在抱歉，忘记博客的地址了= = ）

在代码中加了active，代码如下：

这样就实现了单选及默认选择水准4的页面效果。

2、关于取值。

我知道两种取值办法

（1）、var level_select= $("radio:checked").val();

　　这种取值方法是可以取值的，但是我的页面中有很多这种单选radio，为了避免歧义，所以我选择了下面这种取值。

（2）、var level_select= $(".level_select:checked").val();

这就是为什么input里面我加了class的原因，目前效果看来不错。

转载于:https://www.cnblogs.com/archwyf/p/9055475.html

bootstrap框架下单选按钮组的选中以及取值问题相关推荐

bootstrap4 单选框默认_bootstrap框架下单选按钮组的选中以及取值问题
1.业务功能:四个按钮只能选中一个,且默认选择水准4 先看代码. 水准4(波/测) 水准3(波/测) 水准2(波/测) 水准1(波/测) 这是查看了bootstrap的资料做的四个按钮的按钮组. 业务 ...
关于MFC框架下的TextOut()函数输出变量的值
关于MFC框架下的TextOut()函数输出变量的值(int转String类型) 一.TextOut()参数介绍 BOOL TextOut ( //如果函数调用成功,返回TRUE,否则,返回FALSE ...
深度学习框架下群组行为识别算法综述
源自:电子学报作者:邓海刚王传旭李成伟林晓萌摘要群组行为识别目前是计算机视觉领域的一个研究热点,在智能安防监控.社会角色理解和体育运动视频分析等方面具有广泛的应用价值. ...
bootstrap框架下的响应式自适应布局
响应式布局:一个网站的展示能够兼容多个终端(手机,iPad,PC等),而不需要为每一个终端单独做一个展示版本. Bootstrap 提供了一套响应式.移动设备优先的流式网格系统,随着屏幕或视口(vie ...
bootstrap动态下拉框默认选中及默认选中第一行
正常动态更改只需要在js中设置被选择的option的selected为true即可,如下: <select class="form-control select" id='s ...
bootstrap实现下拉框dropdown选中select option 美爆了
https://www.cnblogs.com/zou1234/p/7884053.html#commentform bootstrap 官网的例子有点坑,它只给你下拉,并且美化了,但你点击下拉却不能 ...
Bootstrap框架下按钮的禁用
禁用button $('button').addClass('disabled'); // 按钮灰掉,但仍可点击. $('button').prop('disabled', true); // 按钮灰 ...
scrapy框架下的豆瓣电影评论爬取以及登录，以及生成词云和柱状图
由于豆瓣在今年5月份已经禁止展示所有短评,只展示最热的500条数据,并且在爬取到240条的时候,如果没有登录的话,会提示登录. 因此几天的爬虫,包括豆瓣的自动登录和数据爬取后批量存入pymysql数据 ...
EXTJS-Ext.form.ComboBox下拉框默认选中某一个值（SimpleStore）
适用于SimpleStore,没有在JsonStore上试增加ext的公共方法:fireEvent Ext.getCmp("id").fireEvent('select',Ext ...

bootstrap框架下单选按钮组的选中以及取值问题

bootstrap框架下单选按钮组的选中以及取值问题相关推荐

最新文章

热门文章

bootstrap框架下 单选按钮组的选中以及取值问题

bootstrap框架下 单选按钮组的选中以及取值问题相关推荐

最新文章

热门文章

bootstrap框架下单选按钮组的选中以及取值问题

bootstrap框架下单选按钮组的选中以及取值问题相关推荐