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.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
Jul 28 Javascript
alert中断settimeout计时功能
Jul 26 Javascript
jquery的选择器的使用技巧之如何选择input框
Sep 22 Javascript
javascript实现动态改变层大小的方法
May 14 Javascript
js实现文字无缝向上滚动
Feb 16 Javascript
Angular多选、全选、批量选择操作实例代码
Mar 10 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
Mar 13 Javascript
VUE-cli3使用 svg-sprite-loader
Oct 20 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
JavaScript实现PC端横向轮播图
Feb 07 Javascript
js实现九宫格布局效果
May 28 Javascript
微信小程序实现日历小功能
Nov 18 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
php和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
2014过年倒计时示例
2014/01/31 PHP
thinkPHP多语言切换设置方法详解
2016/11/11 PHP
php实现网页上一页下一页翻页过程详解
2019/06/28 PHP
JavaScript 模拟类机制及私有变量的方法及思路
2013/07/10 Javascript
JavaScript加强之自定义callback示例
2013/09/21 Javascript
Javascript 按位左移运算符使用介绍(
2014/02/04 Javascript
推荐一个封装好的getElementsByClassName方法
2014/12/02 Javascript
Javascript实现单张图片浏览
2014/12/18 Javascript
微信jssdk用法汇总
2016/07/16 Javascript
浅析Jquery操作select
2016/12/13 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
微信小程序 九宫格实例代码
2017/01/21 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
详解Vue+axios+Node+express实现文件上传(用户头像上传)
2018/08/10 Javascript
JavaScript中的 new 命令
2019/05/22 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
JavaScript数组去重实现方法小结
2020/01/17 Javascript
[50:02]完美世界DOTA2联赛PWL S2 Magma vs FTD 第三场 11.29
2020/12/03 DOTA
通过python下载FTP上的文件夹的实现代码
2013/02/10 Python
Python学习笔记之os模块使用总结
2014/11/03 Python
python让图片按照exif信息里的创建时间进行排序的方法
2015/03/16 Python
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
Python标准库06之子进程 (subprocess包) 详解
2016/12/07 Python
Python实现MySQL操作的方法小结【安装,连接,增删改查等】
2017/07/12 Python
Python基于回溯法子集树模板解决数字组合问题实例
2017/09/02 Python
Python 加密的实例详解
2017/10/09 Python
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
Python中str.join()简单用法示例
2018/03/20 Python
基于Python-Pycharm实现的猴子摘桃小游戏(源代码)
2021/02/20 Python
伦敦所有西区剧院演出官方票务代理:Theatre Tickets Direct
2017/05/26 全球购物
2014年财务工作总结与计划
2014/12/08 职场文书
教师工作决心书
2015/02/04 职场文书
催款通知书范文
2015/04/17 职场文书
2015年暑期见闻
2015/07/14 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书