Bootstrap3 多选和单选框(checkbox)

多选框（checkbox）用于选择列表中的一个或多个选项，而单选框（radio）用于从多个选项中只选择一个。

设置了 disabled 属性的单选或多选框都能被赋予合适的样式。对于和多选或单选框联合使用的 <label> 标签，如果也希望将悬停于上方的鼠标设置为“禁止点击”的样式，请将 .disabled 类赋予 .radio、.radio-inline、.checkbox、.checkbox-inline 或 <fieldset>。

默认外观（堆叠在一起）

<div class="checkbox">
 <label>
 <input type="checkbox" value="">
 Option one is this and that&mdash;be sure to include why it's great
 </label>
</div>
<div class="checkbox disabled">
 <label>
 <input type="checkbox" value="" disabled>
 Option two is disabled
 </label>
</div>
<div class="radio">
 <label>
 <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
 Option one is this and that&mdash;be sure to include why it's great
 </label>
</div>
<div class="radio">
 <label>
 <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
 Option two can be something else and selecting it will deselect option one
 </label>
</div>
<div class="radio disabled">
 <label>
 <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
 Option three is disabled
 </label>
</div>

以上所述是小编给大家介绍的Bootstrap3 多选和单选框(checkbox)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# bootstrap3  # 单选框  # bootstrap  # 多选框  # AngularJS折叠菜单实现方法示例  # AngularJS动态菜单操作指令  # angularjs+bootstrap菜单的使用示例代码  # AngularJS实现树形结构(ztree)菜单示例代码  # 实例详解AngularJS实现无限级联动菜单  # AngularJs中Bootstrap3 datetimepicker使用实例  # Bootstrap3 datetimepicker控件使用实例  # 购物车前端开发（jQuery和bootstrap3）  # Bootstrap3制作搜索框样式的方法  # AngularJS+Bootstrap3多级导航菜单的实现代码  # 多选  # 多个  # 小编  # 鼠标  # 在此  # 都能  # 给大家  # 请将  # 设置为  # 所述  # 给我留言  # 感谢大家  # 单选  # 疑问请  # 有任何  # 列表中  # 选项中  # gt  # inline 

相关文章： 香港服务器部署网站为何提示未备案？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  如何高效利用亚马逊云主机搭建企业网站？  小型网站建站如何选择虚拟主机？  简单实现Android验证码  自助网站制作软件,个人如何自助建网站？  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  公司网站的制作公司,企业网站制作基本流程有哪些？  专业公司网站制作公司,用什么语言做企业网站比较好？  手机网站制作与建设方案,手机网站如何建设？  广州建站公司哪家好？十大优质服务商推荐  如何确保西部建站助手FTP传输的安全性？  建站之星CMS五站合一模板配置与SEO优化指南  如何解决VPS建站LNMP环境配置常见问题？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  详解jQuery中基本的动画方法  宝塔面板创建网站无法访问？如何快速排查修复？  如何快速搭建高效简练网站？  昆明网站制作哪家好,昆明公租房申请网上登录入口？  网站制作价目表怎么做,珍爱网婚介费用多少？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  香港服务器选型指南：免备案配置与高效建站方案解析  临沂网站制作公司有哪些,临沂第四中学官网？  如何确保FTP站点访问权限与数据传输安全？  高防服务器：AI智能防御DDoS攻击与数据安全保障  建站之星×万网：智能建站系统+自助建站平台一键生成  淘宝制作网站有哪些,淘宝网官网主页？  建站之星Pro快速搭建教程：模板选择与功能配置指南  建站之星安装路径如何正确选择及配置？  ,如何利用word制作宣传手册？  建站主机服务器选型指南与性能优化方案解析  高性价比服务器租赁——企业级配置与24小时运维服务  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  如何高效完成自助建站业务培训？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  建站之星如何助力网站排名飙升？揭秘高效技巧  建站DNS解析失败？如何正确配置域名服务器？  如何做网站制作流程,*游戏网站怎么搭建？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  如何在腾讯云免费申请建站？  如何实现建站之星域名转发设置？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  建站之星伪静态规则如何正确配置？  家庭服务器如何搭建个人网站？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  电脑免费海报制作网站推荐,招聘海报哪个网站多？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  如何续费美橙建站之星域名及服务？