按钮切换与JQuery& Bootstrap - 如何在切换后更改非活动类

时间:2016-03-09 04:58:29

标签: php jquery html twitter-bootstrap

我正在使用Bootstrap& Jquery的。

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

在下面找到我的代码:

HTML代码

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

SCRIPT

    $(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()似乎无法正常工作..

1 个答案:

答案 0 :(得分:1)

我了解到您正尝试在某些操作上禁用和启用按钮。我是这样得到的:

这是我表单上的按钮:

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

单击按钮时添加此行,在我的情况下,我在提交表单后禁用按钮:

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

完成后启用:

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

希望这有帮助!