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

时间:2017-03-16 11:23:15

标签: javascript jquery twitter-bootstrap

我需要使用数据开启和数据关闭样式更改切换按钮的标签。 我该怎么做? 我的切换在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"
 });

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

1 个答案:

答案 0 :(得分:0)

当您从 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/