Bootstrap基本插件学习笔记之按钮(21)

网友投稿 228 2023-06-26


Bootstrap基本插件学习笔记之按钮(21)

前面已经介绍过Button的使用。通过button按钮,我们还能实现一些诸如按钮状态控制等形式的交互。

0x01 加载状态

添加data-loading-text=”Loading…”属性:

加载状态

效果如下:

$("#btnLoad").click(function () {

$(this).button('loading').delay(1000).queue(

function () {

$(this).button('reset');

$(this).dequeue();

}

)

})

loading状态持续1s后,将会执行reset,恢复原始状态。

0x02 复选框

设置data-toggle为”buttons”可以实现复选框按钮组的效果:

选项1

选项2

选项3

效果如下:

0x03 单选按钮

类似地:

选项1

选项2

选项3

效果如下:

如果大家还想深入学习,可以点击这里进行学习,再为大家附3个精彩的专题:

Bootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:java Spring 5 新特性函数式Web框架详细介绍
下一篇:BootStrap 实现各种样式的进度条效果
相关文章

 发表评论

暂时没有评论,来抢沙发吧~