c# - jQuery Disable buttons but not Click Event

Question

I have a Asp.net web application. On the Client Side, I would like to disable two buttons: resubmitOlderButton and createUploadPackageButton when the createUploadPackageButton is clicked. The code below disables the buttons, however, it also disables the entire createUploadPackageButton Event which I don't want. The code in the button Event is written in C#. I only want to disable the button not the Event.

$(document).ready(function ($) {
    $("#createUploadPackageButton").click(function () {
        if ($("#startDateTextBox").val() != '' && $("#endDateTextBox").val() != ''){
            $("#resubmitOlderButton").attr("disabled", true);//disable clicked button
            $("#createUploadPackageButton").attr("disabled", true); //disable clicked button
        }
    })
});

标签： c#jqueryasp.net

Answer 1

如果要完成单击按钮的操作（例如，提交表单）然后禁用按钮，则需要添加一些延迟。禁用按钮不提交表单。

$(document).ready(function ($) {
    $("#createUploadPackageButton").click(function () {
        if ($("#startDateTextBox").val() != '' && $("#endDateTextBox").val() != ''){
            $("#resubmitOlderButton").prop("disabled", true);//disable clicked button
            setTimeout(function(){$("#createUploadPackageButton").prop("disabled", true);},100); //disable clicked button
        }
    })
});