在单击任何按钮时禁用所有按钮

本文关键字：按钮 单击 任何 | 更新日期: 2023-09-27 18:12:51

我在aspx页面中有3个Buttons。一个是Save as Draft，第二个是Cancel，第三个是submit。现在我想要的是，每当我点击3个Buttons中的任何一个时，所有的3个Buttons都应该被禁用

在单击任何按钮时禁用所有按钮

你可以这样尝试:

private void ButtonDisable(Control ct)
{
    foreach(Control c in ct.Controls)
    {
        if (c is Button)
        {
           c.Enabled = false;;
        }
    }
}

你可以用jQuery做同样的事情

$(":submit").click( function () {
   $(":submit").each( function() {
        $(this).prop('disabled', true);
   });
});

它将在开始执行任何服务器端代码之前禁用您的按钮

这是一个小而甜蜜的答案。

为所有按钮提供公共css类，然后使用以下代码为OnClientClick="funDisableButtons()"事件。

function funDisableButtons()
{
    $(".className").attr("disabled", true);
}

这也可以使用JavaScript完成(不需要jQuery)。下面的代码使用document.querySelectorAll，它可以在所有现代浏览器中工作。

var button = document.querySelectorAll('button');

[].forEach.call(button, function (btn) {
    btn.addEventListener("click", function (e) {
        e.preventDefault();
        disableAllButtons();
        return false;
    });
});
function disableAllButtons(){
    [].forEach.call(button, function (btn) {
        btn.disabled=true;
    });
}

JSFIDDLE。

相关文章：