Question

我如何更改“开”按钮更改为“关闭”：

<a href="#" class="btn btn-default btn-info btn-sm active">On</a>

为：

<a href="#" class="btn btn-default btn-info btn-sm disabled">Off</a>

Answer 1

使用此选项将On更改为Off

$（＆＃39;。主动＆＃39）。addClass（＆＃39;禁用＆＃39）。removeClass（＆＃39;有源＆＃39;）HTML（＆＃39;关闭＆＃39; ）;

使用此选项将关闭更改为开启

$（＆＃39; .disabled＆＃39）。addClass（＆＃39;有源＆＃39）。removeClass（＆＃39;禁用＆＃39）。HTML（＆＃39;在＆＃39; ）;

Answer 2

试试这个：

 $('.active').addClass('disabled').removeClass('active').html('Off');

<强> Working Demo

Answer 3

您可以使用 .toggleClass() ：

在集合中的每个元素中添加或删除一个或多个类匹配的元素，取决于类的存在或 switch参数的值。

<script>
$(function() {
    $('.active,.disabled').click(function() {
        $(this).toggleClass('active disabled');
    });
});
</script>

<强> Fiddle Demo

Bootstrap更改激活为禁用

3 个答案: