使用JQuery和Bootstrap切换按钮 - 切换后如何更改非活动类别


Button Toggling with JQuery & Bootstrap - How to change class of inactive after toggled

我正在使用Bootstrap和Jquery。

切换后如何更改非活动类别

在下面找到我的代码:

网页代码

    <div class="btn-group btn-toggle"> 
    <button class="btn btn-default">Active</button>
    <button class="btn btn-danger active">Inacive</button>


脚本

    $(document).ready(function(){
    $('.btn-toggle').click(function() {
        $(this).find('.btn').toggleClass('active');  

        if ($(this).find('.btn-danger').size()>0) {
            $(this).find('.btn').toggleClass('btn-success');
            $(this).find('.btn').addClass('btn-default');
        }
        else if ($(this).find('.btn-success').size()>0) {
            $(this).find('.btn').toggleClass('btn-danger');

}

addClass() 似乎不起作用。

我知道

您正在尝试禁用和启用某些操作的按钮。这是我如何得到它:

这是我表单上的按钮:

<button type="submit" class="btn btn-primary">Compute</button>

当您单击按钮时添加此行,就我而言,一旦提交表单,我将禁用该按钮:

$('button', form).addClass('disabled').text("Computing...");

完成后启用:

$('button', form).removeClass('disabled').text("Compute");

希望这有帮助!