如何在点击时禁用按钮?

时间:2013-10-12 03:59:00

标签: javascript jquery

我有以下代码:

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')事件。我该怎么做?

7 个答案:

答案 0 :(得分:3)

您在参数中传递FALSE表示您将已禁用的属性设置为false,这意味着button将不会disabled而是将{true}作为参数传递。

disableEnableButton(true);

答案 1 :(得分:1)

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

打电话给你。

答案 2 :(得分:0)

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

在点击事件

上调用此方法

答案 3 :(得分:0)

您可以使用

禁用元素
$("buttonID").attr("disabled", true);

答案 4 :(得分:0)

将disable属性添加到特定按钮

尝试

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

答案 5 :(得分:0)

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

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

OR

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

例如:

但我认为,在您的情况下,您可以直接unbind点击活动

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

Try This

答案 6 :(得分:0)

$('#submit_id').prop('disabled', true);