Question

我需要使用数据开启和数据关闭样式更改切换按钮的标签。我该怎么做？我的切换在html下创建。

发送OnSending Off

我已经在js代码下创建了按钮：

 $("#allOnOff").bootstrapToggle({   
  on            :   "Sending On",
  off           :   "Sending Off",
  onstyle       :   "success",
  offstyle      :   "danger"        
 });

我需要改变它：

$("#allOnOff").bootstrapToggle({
  on            :   "Custom",
  off           :   "Sending Off",
  onstyle       :   "warning",
  offstyle      :   "danger"
 });

但它没有做任何改变。请帮忙。

Answer 1

当您从 JS 更改标签时，您无需将其添加到 HTML 中。您应该使用以下代码::

替换 HTML

<input type="checkbox" id="allOnOff" data-toggle="toggle" checked class="emailOnOff" data-size="normal" data-onstyle="success" data-offstyle="danger">

保持 JS 代码不变。

正在使用 JSFIDDLE LINK :: https://jsfiddle.net/cswuL90j/

由jquery更改的bootstrap切换复选框按钮标签

1 个答案: