文件上传后更改 Asp Button 类

Question

我想在文件上传后启用一个禁用的按钮。但是，我似乎无法启用它。

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <script type="text/javascript">
        $('#FileUpload').on('change', function (e) {
            Document.getElementById("btnUploadFile").className = "btn standard-gradient";
        });
    </script>

    <asp:FileUpload ID="FileUpload" runat="server" class="btn"/>

    <asp:Button runat="server" ID="btnUploadFile" Text="Upload File" OnClick="btnUploadFile_OnClick" class="btn standard-gradient disabled"/>
</asp:Content>

Answer 1

试试这个脚本：

<script type = "text/javascript" >
    $('#FileUpload').on('change', function (e) {
        var btn = $("#btnUploadFile");
        if (btn.prop("disabled")) { $("#btnUploadFile").prop('disabled', '') } 
        else { $("#btnUploadFile").prop('disabled', 'disabled') }
    });
</script>

检查这个 JSFIDDLE 作为示例。

HTML

<button id="FileUpload">file</button>
<button id="btnUploadFile">btn</button>

JS

$('#FileUpload').on('click', function (e) {
    var btn = $("#btnUploadFile");
    if ( btn.prop( "disabled" ) ){
        $("#btnUploadFile").prop('disabled', '')
    }
    else {$("#btnUploadFile").prop('disabled', 'disabled')}
});