0

Description:

I went through Bootstrap Switch's documentation but it's not very clear how I'm supposed to change the labelText of the switch input.

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

Here is what it's supposed to look like:

label on text label off text

I get that just with no text in the "Label" area.

What I've tried:

I can set the labelText by default this way:

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

but I'm not looking to set every single bootstrapSwitch labelText to "Label!" just one.

I tried $("#my-input").labelText("Label!"); but that didn't work (didn't expect it to)

Question:

How do I set the label text for one input with Bootstrap Switch?

kemicofa ghost
  • 16,349
  • 8
  • 82
  • 131

2 Answers2

3

In HTML - Just change the value of "data-label-text" attribute.

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

OR

In JQuery

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

In Jquery I use:

$('#my-input').bootstrapSwitch('labelText', 'Label!');
Stephen Rauch
  • 47,830
  • 31
  • 106
  • 135