jquery - 从 Bootstrap 切换中删除标签

Question

我使用 Bootstrap 切换

这是代码

<div id="switcher" class="doctors-appointment">
    <div class="Row">
        <div class="Column">
            <b>Doctor's appointment</b>
        </div>
        <div class="Column">
            <input id="toggle-event" type="checkbox" data-toggle="toggle" data-width="30" data-height="30">
        </div>
        <div class="Column">
            <b>For internal purposes</b>
        </div>
    </div>
</div>

它生成了这个

<div class="toggle-group"><label class="btn btn-primary toggle-on" style="line-height: 20px;"></label><label class="btn btn-default active toggle-off" style="line-height: 20px;"></label><span class="toggle-handle btn btn-default"></span></div>

正如您在标签中看到的那样，是 on 和 off 文本。我需要删除它。

我该怎么做？

Answer 1

您可以使用 javascript api 进行设置。您可以为“开”和“关”条件指定任何文本。默认情况下，文本设置为“开”和“关”。只需将它们都设置为空白字符串即可:

  $(function() {
    $('#toggle-event').bootstrapToggle({
      on: '',
      off: ''
    });
  })