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

Question

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');

不行

Answer 1

你是想更改显示样式？还是更改状态，也就是把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...