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 相关文章推荐
javascript 实用的文字链提示框效果
Jun 30 Javascript
AJAX 网页保留浏览器前进后退等功能
Feb 12 Javascript
DIV+CSS+jQ实现省市联动可扩展
Jun 22 Javascript
vue通过指令(directives)实现点击空白处收起下拉框
Dec 06 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
Dec 24 Javascript
Element输入框带历史查询记录的实现示例
Jan 15 Javascript
微信小程序实现的五星评价功能示例
Apr 25 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
Apr 25 Javascript
element-ui表格合并span-method的实现方法
May 21 Javascript
javascript canvas封装动态时钟
Sep 30 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
Nov 19 Vue.js
全面解析js中的原型,原型对象,原型链
Jan 25 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获取域名的google收录示例
2014/03/24 PHP
php调用新浪短链接API的方法
2014/11/08 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
扩展easyui.datagrid,添加数据loading遮罩效果代码
2010/11/02 Javascript
让你的CSS像Jquery一样做筛选的实现方法
2011/07/10 Javascript
IE及IE6浏览器中判断JS文件加载成功失败的方法
2015/02/18 Javascript
基于bootstrap3和jquery的分页插件
2015/07/31 Javascript
js倒计时抢购实例
2015/12/20 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
2016/02/15 Javascript
轻松掌握JavaScript中介者模式
2016/08/26 Javascript
WebView启动支付宝客户端支付失败的问题小结
2017/01/11 Javascript
微信小程序开发经验总结(推荐)
2017/01/11 Javascript
javascript中apply/call和bind的使用
2017/02/15 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
12个提高JavaScript技能的概念(小结)
2019/05/09 Javascript
JS实现使用POST方式发送请求
2019/08/30 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
2019/09/06 Javascript
vue cli3适配所有端方案的实现
2020/04/13 Javascript
vue单应用在ios系统中实现微信分享功能操作
2020/09/07 Javascript
[51:53]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第二场 11.01
2020/11/02 DOTA
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
Python 内置函数memoryview(obj)的具体用法
2017/11/23 Python
如何使用 Pylint 来规范 Python 代码风格(来自IBM)
2018/04/06 Python
Python机器学习库scikit-learn安装与基本使用教程
2018/06/25 Python
Python (Win)readline和tab补全的安装方法
2019/08/27 Python
使用Pycharm在运行过程中,查看每个变量的操作(show variables)
2020/06/08 Python
CSS3之transition实现下划线的示例代码
2018/05/30 HTML / CSS
EJB与JAVA BEAN的区别
2016/08/29 面试题
小学开学典礼主持词
2014/03/19 职场文书
幼儿园教师的考核评语
2014/04/18 职场文书
民族团结演讲稿范文
2014/08/27 职场文书
小英雄雨来观后感
2015/06/09 职场文书
新学期小学班主任工作计划
2019/06/21 职场文书
原生JS中应该禁止出现的写法
2021/05/05 Javascript
MySql如何将查询的出来的字段进行转换
2022/06/14 MySQL