Question

使用Javascript或Jquery，我想在选择文件后启用上传按钮。

这是我的标记：

<input ID="FileUploadControl" type="file" name="fileInput" runat="server" />
<asp:Button runat="server" id="UploadButton" text="Upload Image" onclick="UploadButton_Click" disabled />

Jquery：

$(document).ready(function () {
    $('#FileUploadControl').on("change", function () {
            $('#UploadButton').prop('disabled', !$(this).val());
        });
    });

该按钮被禁用，但我似乎无法启用它。

我也尝试过这里提到的方法，但由于某种原因它不会起作用： disable submit button until file selected for upload

我必须使用<asp:Button>，因为<input type=submit>不起作用。

我尝试过的其他提交按钮：

<input type="submit" id="UploadButton" value="Upload Image" runat="server" onclick="UploadButton_Click"/>

目前在<head></head>中使用：jquery-2.2.3.min.js

Answer 1

如果您需要启用按钮，则需要 remove attr disabled 而不是设置disabled=false

$(document).ready(function() {
  $('#FileUploadControl').on("change", function() {
    var val = $(this).val(),
      btn = $('#UploadButton');
    val ? btn.removeAttr("disabled") : btn.attr("disabled");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="file" id="FileUploadControl" />
  <input type="submit" value="submit" id="UploadButton" disabled>
</form>

Web窗体：选择启用按钮一次文件

1 个答案: