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 中关于CSS操作部分使用说明
Jun 10 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 Javascript
Jquery插件之多图片异步上传
Oct 20 Javascript
不同的jQuery API来处理不同的浏览器事件
Dec 09 Javascript
js实现类似新浪微博首页内容渐显效果的方法
Apr 10 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
Apr 16 Javascript
Javascript实现苹果悬浮虚拟按钮
Apr 10 Javascript
JS判断微信扫码的方法
Aug 07 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
Dec 26 Javascript
JS异步执行结果获取的3种解决方式
Feb 19 Javascript
详解使用React制作一个模态框
Mar 14 Javascript
bootstrap实现嵌套模态框的实例代码
Jan 10 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文件读写操作之文件写入代码
2011/01/13 PHP
深入php 正则表达式的学习探讨
2013/06/06 PHP
非常实用的php弹出错误警告函数扩展性强
2014/01/17 PHP
ThinkPHP之用户注册登录留言完整实例
2014/07/22 PHP
php使用yield对性能提升的测试实例分析
2019/09/19 PHP
解决 firefox 不支持 document.all的方法
2007/03/12 Javascript
超强的IE背景图片闪烁(抖动)的解决办法
2007/09/09 Javascript
javascript parseInt与Number函数的区别
2010/01/21 Javascript
javascript 精粹笔记
2010/05/09 Javascript
JS控制图片等比例缩放的示例代码
2013/12/24 Javascript
javascript制作坦克大战全纪录(2)
2014/11/27 Javascript
JS弹出对话框实现方法(三种方式)
2015/12/18 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
2016/06/23 Javascript
浅谈Angular 观察者模式理解
2018/11/01 Javascript
javascript合并两个数组最简单的实现方法
2019/09/14 Javascript
对vue中的事件穿透与禁止穿透实例详解
2019/10/28 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
vue实现广告栏上下滚动效果
2020/11/26 Vue.js
[49:05]Newbee vs TNC 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python类的用法实例浅析
2015/05/27 Python
Python类反射机制使用实例解析
2019/12/30 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
pycharm 2020 1.1的安装流程
2020/09/29 Python
使用canvas一步步实现图片打码功能的方法
2019/06/17 HTML / CSS
美国最大的团购网站:Groupon
2016/07/23 全球购物
行政主管岗位职责
2013/11/18 职场文书
工程质量承诺书范文
2014/03/27 职场文书
整改落实情况汇报材料
2014/10/29 职场文书
教师先进个人材料
2014/12/17 职场文书
利用Python网络爬虫爬取各大音乐评论的代码
2021/04/13 Python
HTML+CSS+JS实现图片的瀑布流布局的示例代码
2021/04/22 HTML / CSS
PyQt5结合QtDesigner实现文本框读写操作
2021/06/11 Python
解决SpringBoot文件上传临时目录找不到的问题
2021/07/01 Java/Android
WebRTC记录音视频流(web技术分享)
2022/02/24 Javascript
Python语言中的数据类型-序列
2022/02/24 Python
解决Mysql中的innoDB幻读问题
2022/04/29 MySQL