使用 Bootstrap 开关设置输入的标签文本

Question

描述：

我完成了 Bootstrap Switch 的 documentation，但不太清楚我应该如何更改 switch 输入的 labelText。

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

它应该是这样的：

我明白了，只是 "Label" 区域没有文字。

我尝试过的：

我可以这样默认设置labelText：

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

但我不想将每个 bootstrapSwitch labelText 设置为 "Label!" 一个。

我试过了 $("#my-input").labelText("Label!"); 但这没有用（没想到）

问题：

如何使用 Bootstrap 开关为一个输入设置标签文本？

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

使用 Bootstrap 开关设置输入的标签文本

Set labelText of input with Bootstrap Switch

javascript

twitter-bootstrap

bootstrap-switch

描述：

我尝试过的：

问题：