首页 > bootstrapSwitch 把on和off改成中文的『 开和关』

bootstrapSwitch 把on和off改成中文的『 开和关』

bootstrapSwitch 把on和off改成中文的『 开和关』

<div class="switch" data-on-label="SI" data-off-label="NO">
    <input type="checkbox" checked />
</div>

这是html实现改变 开关按钮字样的方式

我想用jq方式实现

$('input[name="dishmodel"]').bootstrapSwitch('state',false).attr('data-size','no');

不行

$('input[name="dishmodel"]').bootstrapSwitch('state',false).bootsteapSwitch('data-size','no');

不行


你是想更改显示样式?还是更改状态,也就是把on变为off?
看你的代码,应该是后者。
设置为开(on):

$('switch').bootstrapSwitch('setState',true);//注意是setState

设置为关(off):

$('switch').bootstrapSwitch('setState',false);//注意是setState

其实还提供了一个toggleState操作:

$('switch').bootstrapSwitch('toggleState');//

需要注意的是,如果当前已经是on状态,你使用setState=true,得到的还是on状态,使用toggleState就不一样,他会自动处理状态。

观察了下,只需要引入bootstrapSwitch.js对应的脚本文件,将对应的switch插件添加class="switch"就会自动响应状态变化。这可以从源码的底部看到:

$(function () {
  $('.switch')['bootstrapSwitch']();
});

你看你是否引入了bootstrapSwitch.js文件,还有是setState,不是state。

补充一点:
也有可能是和你引用的版本有关系,也说不定。最好还注意下版本。我这里对应的是v1.3的版本。

参考这里:
http://www.bootcss.com/p/bootstrap-switc...

【热门文章】
【热门文章】