Javascript 如何禁用导航选项卡引导选项卡

我在选项卡A下有一张申请表。除选项卡A外，我还有其他选项卡。因此，当我填写表单时，其他选项卡将被禁用。填写表单后，下一个选项卡将变为活动状态，上一个选项卡将变为活动状态，而其他选项卡仍处于禁用状态。我怎么才能做到这一点？请帮帮我：）

所以基本上您需要一个引导表单向导。我希望我能帮助你

$(document).ready(function () {

    var navListItems = $('div.setup-panel div a'),
        allWells = $('.setup-content'),
        allNextBtn = $('.nextBtn');

    allWells.hide();

    navListItems.click(function (e) {
        e.preventDefault();
        var $target = $($(this).attr('href')),
            $item = $(this);

        if (!$item.hasClass('disabled')) {
            navListItems.removeClass('btn-success').addClass('btn-default');
            $item.addClass('btn-success');
            allWells.hide();
            $target.show();
            $target.find('input:eq(0)').focus();
        }
    });

    allNextBtn.click(function () {
        var curStep = $(this).closest(".setup-content"),
            curStepBtn = curStep.attr("id"),
            nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
            curInputs = curStep.find("input[type='text'],input[type='url']"),
            isValid = true;

        $(".form-group").removeClass("has-error");
        for (var i = 0; i < curInputs.length; i++) {
            if (!curInputs[i].validity.valid) {
                isValid = false;
                $(curInputs[i]).closest(".form-group").addClass("has-error");
            }
        }

        if (isValid) nextStepWizard.removeAttr('disabled').trigger('click');
    });

    $('div.setup-panel div a.btn-success').trigger('click');
});

$（文档）.ready（函数（）{
var navListItems=$（'div.setup-panel div a'），
allWells=$（'.setup content'），
allNextBtn=$（'.nextBtn'）；
隐藏（）；
导航列表项。单击（函数（e）{
e、 预防默认值（）；
var$target=$（$（this.attr（'href'）），
$item=$（此项）；
if（！$item.hasClass（'disabled'））{
navListItems.removeClass（'btn-success'）.addClass（'btn-default'）；
$item.addClass（'btn-success'）；
隐藏（）；
$target.show（）；
$target.find（'input:eq（0）'）.focus（）；
}
});
allNextBtn.单击（函数（）{
var curStep=$（this）.closest（“.setup content”），
curStepBtn=curStep.attr（“id”），
nextStepWizard=$（'div.setup-panel div a[href=“#”+curStepBtn+'“]”）parent（）.next（）.children（“a”），
curInputs=curStep.find（“输入[type='text']，输入[type='url']”），
isValid=true；
$（“.form group”）.removeClass（“有错误”）；
对于（变量i=0；i

为您的表单提供示例代码不能…我只需要一个javascript样式就可以了

$(document).ready(function () {

    var navListItems = $('div.setup-panel div a'),
        allWells = $('.setup-content'),
        allNextBtn = $('.nextBtn');

    allWells.hide();

    navListItems.click(function (e) {
        e.preventDefault();
        var $target = $($(this).attr('href')),
            $item = $(this);

        if (!$item.hasClass('disabled')) {
            navListItems.removeClass('btn-success').addClass('btn-default');
            $item.addClass('btn-success');
            allWells.hide();
            $target.show();
            $target.find('input:eq(0)').focus();
        }
    });

    allNextBtn.click(function () {
        var curStep = $(this).closest(".setup-content"),
            curStepBtn = curStep.attr("id"),
            nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
            curInputs = curStep.find("input[type='text'],input[type='url']"),
            isValid = true;

        $(".form-group").removeClass("has-error");
        for (var i = 0; i < curInputs.length; i++) {
            if (!curInputs[i].validity.valid) {
                isValid = false;
                $(curInputs[i]).closest(".form-group").addClass("has-error");
            }
        }

        if (isValid) nextStepWizard.removeAttr('disabled').trigger('click');
    });

    $('div.setup-panel div a.btn-success').trigger('click');
});