Question

我有一个Asp.net Web应用程序。在客户端，我想禁用两个按钮：单击createUploadPackageButton时，resubmitOlderButton和createUploadPackageButton。下面的代码禁用了按钮，但是，它也禁用了我不需要的整个createUploadPackageButton事件。按钮“事件”中的代码用C＃编写。我只想禁用按钮而不是事件。

$(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
        }
    })
});

Answer 1

假设您具有按钮A和按钮B，那么在单击按钮A时都将其禁用。现在，您已禁用该点击事件，它将无法正常工作。就您而言- createUploadPackageButton 。也许尝试使用第三个按钮C禁用按钮A和B。

Answer 2

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

$(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
        }
    })
});

jQuery禁用按钮但不单击事件

2 个答案: