Question

我有一个带有几个重复元素的bootstrap形式，使它很长。我想用“添加另一个？”来隐藏它们。显示下一个的选项，依此类推。

我在字段上使用引导开关选择“添加另一个”，然后显示下一个选项卡，以下代码正在完成此操作：

我从这开始显示或隐藏标签：

var add2 = getFormTabByIndex(4);

$(document).ready(function() {
$('#add2ndfield').on('switchChange.bootstrapSwitch', function(e, data) {
    var state = $(this).bootstrapSwitch('state');
    if (state) {
        $(add2).prop('hidden', false);
    } else {
        $(add2).prop('hidden', true);
    }
});
});

但是在新表单上，默认情况下会显示该选项卡。所以我添加了这个以在加载时隐藏标签：

$(add2).prop('hidden', true);

这只是我想要一个新表单的方式，但是当表单被保存并重新打开时，所有选项卡当然都会再次隐藏，因为在上面的行中，是的。

我需要用户以前选择的任何标签，以便在表单重新加载时显示。所以我替换了第一部分，它在加载时将其隐藏起来，首先检查状态：

var state2 = $('#add2ndfield').is(':checked');
if (state2) {
$(add2).prop('hidden', false);
} else {
$(add2).prop('hidden', true);
}

它不起作用，我在追逐我的尾巴，有什么想法吗？

我的Jquery技能仅限于剪切/粘贴/编辑，直到有效： - ）

Bootstrap元素隐藏问题

0 个答案: