Bootstrap3 内联单选和多选框


Posted in Javascript onDecember 29, 2016

通过将 .checkbox-inline 或 .radio-inline 类应用到一系列的多选框(checkbox)或单选框(radio)控件上,可以使这些控件排列在一行。

<label class="checkbox-inline">
 <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
<label class="checkbox-inline">
 <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
</label>
<label class="checkbox-inline">
 <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
</label>
<label class="radio-inline">
 <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1
</label>
<label class="radio-inline">
 <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2
</label>
<label class="radio-inline">
 <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3
</label>

以上所述是小编给大家介绍的Bootstrap3 内联单选和多选框,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
Apr 07 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
JavaScript Promise启示录
Aug 12 Javascript
自编jQuery插件实现模拟alert和confirm
Sep 01 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
Oct 25 Javascript
实例分析js事件循环机制
Dec 13 Javascript
vue 路由嵌套高亮问题的解决方法
May 17 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
js实现车辆管理系统
Aug 26 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
Feb 08 Javascript
使用react-virtualized实现图片动态高度长列表的问题
May 28 Javascript
js作用域及作用域链工作引擎
Jul 07 Javascript
Bootstrap3 多选和单选框(checkbox)
Dec 29 #Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 #Javascript
EasyUI学习之Combobox级联下拉列表(2)
Dec 29 #Javascript
js生成随机颜色方法代码分享(三种)
Dec 29 #Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
Dec 29 #Javascript
jQuery实现6位数字密码输入框
Dec 29 #Javascript
JQuery统计input和textarea文字输入数量(代码分享)
Dec 29 #Javascript
You might like
桌面中心(四)数据显示
2006/10/09 PHP
PHP的反射类ReflectionClass、ReflectionMethod使用实例
2014/08/05 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
Yii2验证器(Validator)用法分析
2016/07/23 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
实例:尽可能写友好的Javascript代码
2006/10/09 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
2011/05/28 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
2013/10/23 Javascript
JS去除字符串两端空格的简单实例
2013/12/27 Javascript
Jquery获得控件值的三种方法总结
2014/02/13 Javascript
jQuery/CSS3图片特效插件整理推荐
2014/12/07 Javascript
Javascript中arguments和arguments.callee的区别浅析
2015/04/24 Javascript
jQuery通过Ajax返回JSON数据
2015/04/28 Javascript
JavaScript中的Math.LN2属性用法详解
2015/06/12 Javascript
js纯数字逐一停止显示效果的实现代码
2016/03/16 Javascript
Vue实现自带的过滤器实例
2017/03/09 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
微信小程序开发之tabbar图标和颜色的实现
2018/10/17 Javascript
实例讲解JS中pop使用方法
2019/01/27 Javascript
搞笑的程序猿:看看你是哪种Python程序员
2015/06/12 Python
详解duck typing鸭子类型程序设计与Python的实现示例
2016/06/03 Python
pandas 快速处理 date_time 日期格式方法
2018/11/12 Python
python爬虫 爬取58同城上所有城市的租房信息详解
2019/07/30 Python
Python OpenCV实现测量图片物体宽度
2020/05/27 Python
基于python实现操作git过程代码解析
2020/07/27 Python
Python爬虫+tkinter界面实现历史天气查询的思路详解
2021/02/22 Python
CSS3+font字体文件实现圆形半透明菜单具体步骤(图解)
2013/06/03 HTML / CSS
酒店秘书求职信范文
2014/02/17 职场文书
《祁黄羊》教学反思
2014/04/22 职场文书
企业活动策划方案
2014/06/02 职场文书
总经理任命书范本
2014/06/05 职场文书
大学生第一学年自我鉴定
2014/09/12 职场文书
2015年学校减负工作总结
2015/05/19 职场文书
力克胡哲观后感
2015/06/10 职场文书
医院病假条怎么写
2015/08/17 职场文书