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 相关文章推荐
漂亮的提示信息(带箭头)
Mar 21 Javascript
jQuery使用手册之三 CSS操作
Mar 24 Javascript
fix-ie5.js扩展在IE5下不能使用的几个方法
Aug 20 Javascript
JavaScript生成随机数的4种自定义函数分享
Feb 28 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
Bootstrap每天必学之面板
Nov 30 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
Dec 12 Javascript
webpack打包node.js后端项目的方法
Mar 10 Javascript
简述vue状态管理模式之vuex
Aug 29 Javascript
浅谈vue引用静态资源需要注意的事项
Sep 28 Javascript
五句话帮你轻松搞定js原型链
Dec 09 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 session会话的安全性分析
2011/09/08 PHP
PHP读取txt文件的内容并赋值给数组的代码
2011/11/03 PHP
ThinkPHP的L方法使用简介
2014/06/18 PHP
PHP判断文章里是否有图片的简单方法
2014/07/26 PHP
PHP实现采集中国天气网未来7天天气
2014/10/15 PHP
CI框架实现创建自定义类库的方法
2018/12/25 PHP
PHP面向对象类型约束用法分析
2019/06/12 PHP
PHP数组array类常见操作示例
2020/05/15 PHP
js 跨域和ajax 跨域问题小结
2009/07/01 Javascript
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
分享五个有用的jquery小技巧
2015/10/08 Javascript
基于jquery实现瀑布流布局
2020/06/28 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
2016/05/09 Javascript
JS采用绝对定位实现回到顶部效果完整实例
2016/06/20 Javascript
那些精彩的JavaScript代码片段
2017/01/12 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
2017/12/05 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
2019/11/26 Javascript
js中switch语句的学习笔记
2020/03/25 Javascript
用Angular实现一个扫雷的游戏示例
2020/05/15 Javascript
vue组件是如何解析及渲染的?
2021/01/13 Vue.js
python抓取网页图片并放到指定文件夹
2014/04/24 Python
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
举例讲解Python面相对象编程中对象的属性与类的方法
2016/01/19 Python
Python 安装setuptools和pip工具操作方法(必看)
2017/05/22 Python
python matplotlib 在指定的两个点之间连线方法
2018/05/25 Python
Face++ API实现手势识别系统设计
2018/11/21 Python
Python之时间和日期使用小结
2019/02/14 Python
python获取Linux发行版名称
2019/08/30 Python
python sorted函数的小练习及解答
2019/09/18 Python
前端面试必备之CSS3的新特性
2017/09/05 HTML / CSS
夏威夷灵感服装及配饰:Reyn Spooner
2018/09/18 全球购物
秋季运动会加油词
2015/07/18 职场文书
Python数据清洗工具之Numpy的基本操作
2021/04/22 Python
Java数组与堆栈相关知识总结
2021/06/29 Java/Android
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis