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

相关文章

  • Echart Bar双柱状图样式最全详解

    Echart Bar双柱状图样式最全详解

    echarts柱状图是用柱状图的形式展示数据,这样看起来比较直观,下面这篇文章主要给大家介绍了关于Echart Bar双柱状图样式的相关资料,需要的朋友可以参考下
    2021-08-08
  • js判断是否为数组的函数: isArray()

    js判断是否为数组的函数: isArray()

    像 Ajaxian,StackOverflow 等,搜一下,到处都在讨论 isArray() 的实现。对于一切都是对象的 JavaScript 来说,确实有点麻烦
    2011-10-10
  • JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结

    JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结

    尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去,偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行。
    2010-06-06
  • 微信小程序实现登录注册功能

    微信小程序实现登录注册功能

    这篇文章主要介绍了微信小程序实现登录注册功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • 微信小程序页面间传递数组对象方法解析

    微信小程序页面间传递数组对象方法解析

    这篇文章主要介绍了微信小程序页面间传递数组对象方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • E3 tree 1.6在Firefox下显示问题的修复方法

    E3 tree 1.6在Firefox下显示问题的修复方法

    tree 在Firefox下只显示一句话,用firebug查看页面元素观察发现,两个script导入被一个<script>分隔开了,显然是document.write的问题.由于Firefox对js规范的检查比较严格,肯定一些字符输出的的时候没有转义
    2013-01-01
  • JavaScript获得url所有参数键值表的方法

    JavaScript获得url所有参数键值表的方法

    这篇文章主要介绍了JavaScript获得url所有参数键值表的方法,实例分析了javascript操作URL的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • JavaScript ES5标准中新增的Array方法

    JavaScript ES5标准中新增的Array方法

    这篇文章主要介绍了JavaScript ES5标准中新增的Array方法 的相关资料,需要的朋友可以参考下
    2016-06-06
  • JS+CSS实现带小三角指引的滑动门效果

    JS+CSS实现带小三角指引的滑动门效果

    这篇文章主要介绍了JS+CSS实现带小三角指引的滑动门效果,可实现带有箭头提示效果的滑动门功能,涉及JavaScript动态操作页面元素样式的相关技巧,需要的朋友可以参考下
    2015-09-09
  • javascript常用正则表达式汇总

    javascript常用正则表达式汇总

    本文给大家总结了一下常见的javascript检验各种规则的代码,通过正则表达式来实现,都是项目中经常需要用到的,有需要的小伙伴可以参考下。
    2015-07-07

最新评论