jquery - 单击另一个按钮并提交表单后启用一个按钮

Question

我有两个按钮:查询和导出。默认情况下，“导出”按钮处于禁用状态，但当单击“查询”按钮并加载表单时，我希望启用导出按钮。

现在，当我单击“查询”时，导出会启用一秒钟，然后又恢复为禁用状态。我假设这与提交表单有关，并且它将“导出”按钮恢复到原始状态。

<button type="submit" class="btn btn-primary btn-small" id="query">Query</button>
<button class="btn btn-primary btn-small" id="export-button" disabled="disabled">Export</button>

这是我的 jQuery 目前的样子。

$(".form").on("submit", function () {
    $('#export-button').prop('disabled', false);
})

Answer 1

我知道我之前发布过这个，但如果有人有类似的问题，我就是这样做的:

首先我在我的表单中创建了一个隐藏的输入来记住按钮是否被点击

<input type="hidden" name="clicked" value="true" />

在此函数中，如果单击了按钮，它将检查 session 存储，或者将其保存到 session 存储。

$(function () {
    $(document).ready(function () {
    var clicked = sessionStorage.getItem('clicked');
        if (clicked == 'true') {
            $('#exportButton').removeAttr('disabled');
        } else {
            $('#exportButton').attr('disabled', 'disabled');
        }
    });
    $('#query').on("click", function () {
        sessionStorage.setItem('clicked', 'true');
    });
    $('#reset').on("click", function () {
        sessionStorage.setItem('clicked', 'false');
    });
});