如何在单击时禁用按钮

how do I disable a button on click?

本文关键字：按钮 单击      更新时间：2023-09-26

我有以下代码：

function disableEnableButton(enable) {
    $('.register').prop('disabled', enable);
    $('.login').prop('disabled', enable);
    $('#instagram-login-btn').prop('disabled', enable);
    $('#register_submit').prop('disabled', enable);
    $('#login_submit').prop('disabled', enable);
}

$('#instagram-login-btn').on('click', function (event) {
    //disable all the other buttons
    disableEnableButton(false);
});

我基本上是在尝试在状态加载时禁用所有其他按钮......所以我使用 jQuery prop 来这样做。但是，当它加载并且我单击instagram-login-btn时，它仍然进入on('click'(事件。我该怎么做？

您在参数中传递FALSE，这意味着您将禁用属性设置为false这意味着button不会被disabled而是将 true 作为参数传递。

disableEnableButton(true);

$("#buttonID").attr("disabled", true);

叫这个。

document.getElementById('buttonId').disabled='true';

单击时调用此事件

您可以使用 

$("buttonID").attr("disabled", true);

将禁用属性添加到特定按钮

尝试

$('#buttonID').attr('disabled', true);

您可以通过以下方式禁用元素：

 $('#buttonID').attr("disabled", "disabled");

或

 $('#buttonID').attr("disabled", true);

例如：

但我认为，在您的情况下，您可以直接unbind点击事件 

$('#instagram-login-btn').click(function(){
        $('#instagram-login-btn').unbind( "click", handler );        
});

试试这个

$('#submit_id').prop('disabled', true);
相关文章：