使用Bootstrap Switch

Question

说明

我经历了Bootstrap Switch的documentation，但我不清楚我应该如何更改开关输入的labelText。

Name      | Attribute      | Type  | Description                             | Values | Default
----------+----------------+-------+-----------------------------------------+--------+--------
labelText | data-label-text| String| Text of the center handle of the switch |  String| ' '

这是它应该是什么样子：

我在“标签”区域中没有任何文字就知道了。

我尝试了什么：

我可以这样设置labelText：

$.fn.bootstrapSwitch.defaults.labelText = 'Label!';

但我不打算将每个bootstrapSwitch labelText设置为“Label！”只有一个。

我试过$ ("#my-input").labelText("Label!"); 但那不起作用（没想到）

问题：

如何使用Bootstrap Switch设置一个输入的标签文本？

Answer 1

在HTML中 - 只需更改＆＃34; data-label-text＆＃34;的值属性。

<input id="my-input" type="checkbox" data-label-text="Label!">

OR

在JQuery中

$("#my-input").siblings(".bootstrap-switch-label").text("Label!");

Answer 2

在Jquery中，我使用：

$('#my-input').bootstrapSwitch('labelText', 'Label!');