bootstrap-switch中怎么设置初始值-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

bootstrap-switch中怎么设置初始值-创新互联

今天就跟大家聊聊有关bootstrap-switch中怎么设置初始值,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

创新互联建站服务项目包括太仓网站建设、太仓网站制作、太仓网页制作以及太仓网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,太仓网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到太仓省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

首先,引用相应的js和css文件,把checkbox放进class为“switch”的div中,再在js中初始化

 $('#mySwitch input').bootstrapSwitch();

就可以使用bootstrapSwitch了。

其中input有两个属性data-on-textdata-off-text,分别为切换时显示的文字,这里设置为YES和NO。代码如下:

        this is a bootstrap-switch test                                 $(function(){            $('#mySwitch input').bootstrapSwitch();        })       

也可以用js设置这两个属性,选中input元素后,通过方法bootstrapSwitch({attribute:value})修改属性。代码如下:

        this is a bootstrap-switch test                                $(function(){            $('#mySwitch input').bootstrapSwitch({                onText:'On',                offText:'Off'            });        })    
    

看完上述内容,你们对bootstrap-switch中怎么设置初始值有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


本文名称:bootstrap-switch中怎么设置初始值-创新互联
网站链接:http://kswsj.cn/article/dcepij.html

其他资讯