启用/禁用多引导按钮（Jquery）的最佳方法

我想启用和禁用引导按钮。页面上有4个按钮，加载时，第一个按钮启用，其余按钮禁用。现在，当我点击按钮1时，按钮的其余部分应该被启用，按钮1将被禁用

下面是我的代码，它可以禁用第一个按钮，但rest按钮未启用

$('document').ready(function() {
    $("#add_resume1").on("submit", function(e) {                
        e.preventDefault;
        var btn = $('#btn-save1');
        // btn.button('loading');
        $.ajax({
            type: 'post',
            url:$('form#add_resume1').attr('action'),
            cache: false,
            dataType: 'json',
            data: $('form#add_resume1').serialize(),
            beforeSend: function() { 
                $("#validation-errors").hide().empty(); 
            },
            success: function(data) {
                if(data.success == false) {
                    var arr = data.errors;
                    $.each(arr, function(index, value) {
                        if (value.length != 0) {
                            $("#validation-errors").append('<div class="alert alert-danger"><strong>'+ value +'</strong><div>');
                            $('#basicdetails').val('');
                            $('#button.disabled[disabled=disabled]')
                                .removeClass('disabled')
                                .prop('disabled', false);
                                //.text('Click Me');
                        }
                    });
                    $("#validation-errors").show(); 
                    btn.button('reset');                            
                } else {
                    $("#success").html('<div class="alert alert-success">Basic details saved successfully.<div>');
                    $('#basicdetails').val('');
                    $('#btn-save1').prop('disabled', true);
                    $('#button.disabled[disabled=disabled]')
                        .removeClass('disabled')
                        .prop('disabled', false);
                }
            },
            error: function(xhr, textStatus, thrownError) {
                //alert('Something went to wrong.Please Try again later...');
                alert(thrownError);
                btn.button('reset');
            }
        });             
        return false;
    });
});

$（'document'）.ready（函数（）{
$（“添加简历1”）。关于（“提交”，职能（e）{
e、 防止违约；
var btn=$（“#btn-save1”）；
//按钮（“加载”）；
$.ajax({
键入：“post”，
url:$（'form#add#resume1'）.attr（'action'），
cache:false，
数据类型：“json”，
数据：$（'form#add_resume1'）。序列化（），
beforeSend:function（）{
$（“#验证错误”）.hide（）.empty（）；
},
成功：功能（数据）{
if（data.success==false）{
var arr=数据错误；
$。每个（arr，函数（索引，值）{
如果（value.length！=0）{
$（“#验证错误”）.append（“”+value+””）；
$（'基本细节'）.val（''；
$（“#按钮.禁用[禁用=禁用]”）
.removeClass（“已禁用”）
.prop（“禁用”，错误）；
//.text（“单击我”）；
}
});
$（“#验证错误”）.show（）；
btn.按钮（“重置”）；
}否则{
$（“#success”）.html（'已成功保存基本详细信息'）；
$（'基本细节'）.val（''；
$（'btn-save1'）.prop（'disabled'，true）；
$（“#按钮.禁用[禁用=禁用]”）
.removeClass（“已禁用”）
.prop（“禁用”，错误）；
}
},
错误：函数（xhr、textStatus、thrownError）{
//警报（'出现问题。请稍后再试…'）；
警报（thrownError）；
btn.按钮（“重置”）；
}
});             
返回false；
});
});

谢谢你的建议

编辑

<button type="submit" class="btn btn-home" name= "btn-save5" id= "btn-save5" disabled="disabled" required="required">Save</button>

保存

---

这是html文件中的按钮代码。html文件相当大。所以，我只是给你按钮代码。btn-save5、btn-save4、btn-save3m与此类似。

我找不到选择其他按钮的位置，似乎您调用的是具有ID的元素，而不是类或标记

无论如何，看看这个。 我不得不切割一些零件，只留下必要的零件，使它在那里工作

$(document).ready(function() {
    $("#add_resume1").on("click", function(e) {                
        e.preventDefault;
        //your ajax here
      $("#success").html('<div class="alert alert success">Basic details saved successfully.<div>');
      $('#basicdetails').val('');
      $('button')
        .removeClass('disabled')
        .prop('disabled', false);
      $('#add_resume1').prop('disabled', true);
    });
});

$（文档）.ready（函数（）{
$（“#添加简历1”）。单击（“单击”），函数（e）{
e、 防止违约；
//你的ajax在这里
$（“#success”）.html（'已成功保存基本详细信息'）；
$（'基本细节'）.val（''；
$（“按钮”）
.removeClass（“已禁用”）
.prop（“禁用”，错误）；
$（'add'u resume1'）.prop（'disabled'，true）；
});
});

HTML

点击
拯救
拯救
拯救

希望对您有所帮助

删除此代码

$('#btn-save1').prop('disabled', true);
$('#button.disabled[disabled=disabled]')
    .removeClass('disabled')
    .prop('disabled', false);

添加此代码

$(':input:button').each(function() {
    $(this).prop('disabled', false);
});

$('#btn-save1').prop('disabled', true); 

你的完整剧本

$('document').ready(function() {
    $("#add_resume1").on("submit", function(e) {                
        e.preventDefault;
        var btn = $('#btn-save1');
        // btn.button('loading');
        $.ajax({
            type: 'post',
            url:$('form#add_resume1').attr('action'),
            cache: false,
            dataType: 'json',
            data: $('form#add_resume1').serialize(),
            beforeSend: function() { 
                $("#validation-errors").hide().empty(); 
            },
            success: function(data) {
                if(data.success == false) {
                    var arr = data.errors;
                    $.each(arr, function(index, value) {
                        if (value.length != 0) {
                            $("#validation-errors").append('<div class="alert alert-danger"><strong>'+ value +'</strong><div>');
                            $('#basicdetails').val('');
                            $('#button.disabled[disabled=disabled]')
                                .removeClass('disabled')
                                .prop('disabled', false);
                                //.text('Click Me');
                        }
                    });
                    $("#validation-errors").show(); 
                    btn.button('reset');                            
                } else {
                    $("#success").html('<div class="alert alert-success">Basic details saved successfully.<div>');
                    $('#basicdetails').val('');

                    //$('#btn-save1').prop('disabled', true);
                    /*$('#button.disabled[disabled=disabled]')
                        .removeClass('disabled')
                        .prop('disabled', false);*/
                    // Add this code
                    $(':input:button').each(function() {
                        $(this).prop('disabled', false);
                    });

                    $('#btn-save1').prop('disabled', true);  
                }
            },
            error: function(xhr, textStatus, thrownError) {
                //alert('Something went to wrong.Please Try again later...');
                alert(thrownError);
                btn.button('reset');
            }
        });             
        return false;
    });
});

$（'document'）.ready（函数（）{
$（“添加简历1”）。关于（“提交”，职能（e）{
e、 防止违约；
var btn=$（“#btn-save1”）；
//按钮（“加载”）；
$.ajax({
键入：“post”，
url:$（'form#add#resume1'）.attr（'action'），
cache:false，
数据类型：“json”，
数据：$（'form#add_resume1'）。序列化（），
beforeSend:function（）{
$（“#验证错误”）.hide（）.empty（）；
},
成功：功能（数据）{
if（data.success==false）{
var arr=数据错误；
$。每个（arr，函数（索引，值）{
如果（value.length！=0）{
$（“#验证错误”）.append（“”+value+””）；
$（'基本细节'）.val（''；
$（“#按钮.禁用[禁用=禁用]”）
.removeClass（“已禁用”）
.prop（“禁用”，错误）；
//.text（“单击我”）；
}
});
$（“#验证错误”）.show（）；
btn.按钮（“重置”）；
}否则{
$（“#success”）.html（'已成功保存基本详细信息'）；
$（'基本细节'）.val（''；
//$（'btn-save1'）.prop（'disabled'，true）；
/*$（“#按钮.禁用[禁用=禁用]”）
.removeClass（“已禁用”）
.prop（“禁用”，错误）*/
//添加此代码
$（'：输入：按钮'）。每个（函数（）{
$（this.prop（'disabled'，false）；
});
$（'btn-save1'）.prop（'disabled'，true）；
}
},
错误：函数（xhr、textStatus、thrownError）{
//警报（'出现问题。请稍后再试…'）；
警报（thrownError）；
btn.按钮（“重置”）；
}
});             
返回false；
});
});

您询问了启用/禁用按钮的最佳方法。所以我在用叉子叉Gianca的小提琴

修改：

为禁用的按钮指定专用类。与下面示例中的

保存按钮类似。否则，
$（'button'）
将影响整个DOM

<button type="submit" class="btn btn-home save-button" name= "btn-save5" id= "btn-save5" disabled required="required">Save</button>

<button type="submit" class="btn btn-home save-button" name= "btn-save5" id= "btn-save4" disabled required="required">Save</button>

<button type="submit" class="btn btn-home save-button" name= "btn-save5" id= "btn-save3" disabled required="required">Save</button>

我不明白你想去哪里
<button type="submit" class="btn btn-home save-button" name= "btn-save5" id= "btn-save5" disabled required="required">Save</button>

<button type="submit" class="btn btn-home save-button" name= "btn-save5" id= "btn-save4" disabled required="required">Save</button>

<button type="submit" class="btn btn-home save-button" name= "btn-save5" id= "btn-save3" disabled required="required">Save</button>

$('.btn.btn-home.save-button')
        .removeClass('disabled')
        .prop('disabled', false);
      $('#add_resume1').prop('disabled', true);
    });