javascript - 使用 Bootstrap Switch 设置输入的 labelText

Question

描述：

我浏览了 Bootstrap Switch 的文档，但不清楚我应该如何更改开关输入的 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 中 - 只需更改“data-label-text”属性的值。

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

或者

在 JQuery 中

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

Answer 2

在 Jquery 我使用：

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