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

标签 javascript twitter-bootstrap bootstrap-switch

描述:

我浏览了 Bootstrap Switch 的 documentation但不太清楚我应该如何更改开关输入的 labelText。

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

它应该是这样的:

label on text label off text

我明白了,只是“标签”区域没有文本。

我尝试过的:

我可以这样设置默认的labelText:

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

但我不想将每个 bootstrapSwitch labelText 设置为“Label!”只有一个。

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

问题:

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

最佳答案

在 HTML 中 - 只需更改“data-label-text”属性的值即可。

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

或者

在 JQuery 中

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

关于javascript - 使用 Bootstrap Switch 设置输入的 labelText,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37939552/

相关文章:

javascript - 通过点击框外激活功能

javascript - hasOwnProperty 会从 for...in 循环中返回 false 吗?

jquery - 如何使用 bootstrap.css 处理网页设计表单到中心页面和版权到底部中心

html - Bootstrap 列未正确对齐

javascript - 嵌套订阅并需要所有值作为正文传递给 API - Angular 6 RxJS

javascript - 如何为同一图表中两种不同类型的系列添加两个不同的鼠标悬停?

javascript - 页面中两个不同轮播的两个过渡时间

html - 将左侧放置的跨度的 CSS 更改为 input[type=checkbox]

jquery - 在 <li> 元素内时 Bootstrap checkbox-switch css 问题

javascript - Bootstrap 开关检查检查状态始终返回 false