Question

我的按钮使用AJAX向数据库添加信息并更改按钮文本。但是，我希望在单击后禁用该按钮（否则该人可以在数据库中垃圾邮件）。我该怎么做？

HTML

<button class="btn btn-lg btn-primary" id='roommate_but' onclick='load(<?php echo $user_id;?>)'><span class="glyphicon glyphicon-plus"></span> Add Person</button>

Javascript / AJAX / JQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

function load(recieving_id){                                    
    if (window.XMLHttpRequest){
        xmlhttp = new XMLHttpRequest();
    } else{
        xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
    }

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200){  
            document.getElementById("roommate_but").innerHTML =  xmlhttp.responseText;


        }

    }

xmlhttp.open('GET','include.inc.php?i=' + recieving_id, true);

xmlhttp.send();


}

Answer 1

<强> *更新

jQuery版本如下所示：

function load(recieving_id){
    $('#roommate_but').prop('disabled', true);
    $.get('include.inc.php?i=' + recieving_id, function(data) {
        $("#roommate_but").html(data);
    });
}

Answer 2

您可以通过将属性禁用设置为“已禁用”来在jquery中执行此操作。

$(this).prop('disabled', true);

我做了一个简单的例子http://jsfiddle.net/4gnXL/2/

Answer 3

还请考虑.attr()

$("#roommate_but").attr("disabled", true);为我工作。

单击JQuery后禁用按钮

3 个答案: