bootstrap框架下单选按钮组的选中以及取值问题
1、业务功能：四个按钮只能选中⼀个，且默认选择⽔准4
htmlradio设置默认的按钮先看代码。
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-info">
<input type="radio" class="level_select"  name="level_select" value="1">⽔准4（波/测）
</label>
<label class="btn btn-info">
<input type="radio" class="level_select" name="level_select" value="2">⽔准3（波/测）
</label>
<label class="btn btn-info">
<input type="radio" class="level_select" name="level_select" value="3">⽔准2（波/测）
</label>
<label class="btn btn-info">
<input type="radio" class="level_select" name="level_select" value="4">⽔准1（波/测）
</label>
</div>
这是查看了bootstrap的资料做的四个按钮的按钮组。
业务需求：默认选中⽔准4，查bootstrap资料并没有到合适的解决办法，后来在⼀篇博客中到⼀个⽅法（实在抱歉，忘记博客的地址了= = ）
在代码中加了active，代码如下：
<label class="btn btn-info active">
<input type="radio" class="level_select" checked name="level_select" value="1">⽔准4（波/测）
</label>
这样就实现了单选及默认选择⽔准4的页⾯效果。
2、关于取值。
我知道两种取值办法
（1）、var level_select= $("radio:checked").val();
  这种取值⽅法是可以取值的，但是我的页⾯中有很多这种单选radio，为了避免歧义，所以我选择了下⾯这种取值。
（2）、var level_select= $(".level_select:checked").val();
这就是为什么input⾥⾯我加了class的原因，⽬前效果看来不错。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。