码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap-switch使用

时间:2019-11-13 22:19:30      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:back   div   http   font   java   event   detail   tst   jquery   

bootstrap 的开关。

引入相关文件:

<link href="https://cdn.bootcss.com/bootstrap-switch/4.0.0-alpha.1/css/bootstrap-switch.min.css" rel="stylesheet">

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

<script src="https://cdn.bootcss.com/bootstrap-switch/4.0.0-alpha.1/js/bootstrap-switch.min.js"></script>

HTML代码:

<input type="checkbox" name="useState"/>

JavaScript代码:

$("[name=‘useState‘]").bootstrapSwitch({
                    size:"large",
                    onText:"启用",
                    offText:"禁用",
                    onColor:"success",
                    onSwitchChange:function(event,state){
                        if(state==true){
                            $(this).val("2");
                        }else{
                            $(this).val("1"); // 禁用
                        }
                    }
                });

设置开或者关:

$(‘[name="useState"]‘).bootstrapSwitch("state", true);
// true 为 开,false 为 关

 

参考链接

bootstrap-switch使用

标签:back   div   http   font   java   event   detail   tst   jquery   

原文地址:https://www.cnblogs.com/xguoz/p/11853247.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!