带有自己文本的Bootstrap开关

时间:2014-01-10 10:51:46

标签: css twitter-bootstrap

我希望能够使用twitter bootstrap在复选框上添加LOCK / UNLOCK行为。我在标签文本部分的boostrap-switch.org处找到了类似的示例。在这个例子中,他们使用了ON-TV-OFF​​,同样我想在ON,OFF的位置给出我自己的文本。像UNLOCK-Username-LOCK。

单击UNLOCK后LOCK应该消失,然后输出应该像XXX-LOCK

UNLOCK应该通过单击ON文本消失,然后输出应该像UNLOCK-XXX

如何使用bootstrap执行此操作?

2 个答案:

答案 0 :(得分:0)

这是一个Github存储库。转到/ build / js并在bootstrap-switch.js中更改以下字符串:

html = "ON";

这是js文件的第35行。

同样更改字符串:

html = "OFF";

即。第47行。

答案 1 :(得分:0)

这可能与boostrap-switch.org完全相同,但我使用jquery的fadeTo()属性完成了它。

这是jsfiddle输出link