javascript - 提交表单后如何重新启用禁用的表单字段？

Question

我可以在提交时禁用空白表单字段：

<form method="GET" onsubmit="onsubmit1(this)">
...
<script type="text/javascript">
function onsubmit1(thiz) {
    $(thiz).find(':input').each(
        function() {
            if (!$(this).val()) {
                $(this).attr('disabled', true)
            }
        }
    )
}

问题是，当用户选择导出 .CSV 文件时，这些字段仍然处于禁用状态，因为在将 .CSV 文件下载到浏览器后页面不会刷新。

当用户选择导出文件时，我希望重新启用禁用的输入字段。

onsubmit通过表单的处理程序而不是通过提交按钮的处理程序解决此问题的奖励积分，onclick因为有很多提交按钮。

Answer 1

我做了演示请参考这个演示

看演示

<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="submit" value="Enabled" id="btn2">
<input type="submit" value="Disabled" id="btn1">  

$('#btn1').on("click", function () {
            alert($(this).val());
            $('input:text').attr('disabled', true);
        });

        $('#btn2').on("click", function () {
            alert($(this).val());
            $('input:text').attr('disabled', false);
        });