Bootstrap3 内联单选和多选框

更新时间：2016年12月29日 16:25:46 作者：杜瑞祺

这篇文章主要介绍了Bootstrap3 内联单选和多选框的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

通过将 .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 内联单选和多选框，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

layer实现弹出层自动调节位置
今天小编就为大家分享一篇layer实现弹出层自动调节位置，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
自己的js工具 Cookie 封装
有些时候我们的web程序需要利用cookie来实现一些功能,很多时候我们并不需要非得用服务端来操作cookie,因为js可以也操作cookie.
2009-08-08
通过示例彻底搞懂js闭包
下面小编就为大家带来一篇通过示例彻底搞懂js闭包。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
小程序实现搜索框
搜索框无论是在电商网站还是小程序中都很常见，这篇文章主要就为大家详细介绍了小程序如何实现搜索框，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-07-07
JavaScript中 DOM操作方法小结
本篇文章主要介绍了JavaScript中 DOM操作方法小结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-04-04
JS简单实用的倒计时效果实现代码
没有事研究了下倒计时的效果，因此自己练习了一下，需要的朋友可以参考下
2012-08-08
详谈构造函数加括号与不加括号的区别
下面小编就为大家带来一篇详谈构造函数加括号与不加括号的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-10-10
JavaScript实现复选框全选或全取消操作
这篇文章主要为大家详细介绍了JavaScript实现复选框全选或全取消操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
如何将HTML字符转换为DOM节点并动态添加到文档中详解
这篇文章主要给大家介绍了关于如何将HTML字符转换为DOM节点并动态添加到文档中的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起看看吧
2018-08-08
理解Javascript_05_原型继承原理
对于面向对象的基础语法在此我就不重复了，对面向对象不熟悉的朋友可以参看《使用面向对象的技术创建高级 Web 应用程序》一文。
2010-10-10