一旦我的按钮被点击，它应该被禁用并且在页面刷新之前永远不会被再次点击。下面是我的代码：
<html>
<head>
<script type="text/javascript">
function myButtonClicked()
{
alert("Has myButton got disabled? I need solution for this.");
}
</script>
</head>
<body>
<button type="button" id="myButton1" onclick="myButtonClicked()">Click ME</button>
<button type="button" id="myButton2" onclick="myButtonClicked()">Click ME</button>
<button type="button" id="myButton3" onclick="myButtonClicked()">Click ME</button>
</body>
</html>
在调用 myButtonClicked 函数之前，它应该被禁用。实际上，我想在这个函数中编写一个 PHP 脚本，它将从数据库中获取一些数据，这在实际环境中需要一些时间。这就是为什么我想禁用该按钮。我如何做到这一点？
您可以传递this给您的函数：
<button type="button" id="myButton1" onclick="myButtonClicked(this)">Click ME</button>
<button type="button" id="myButton2" onclick="myButtonClicked(this)">Click ME</button>
<button type="button" id="myButton3" onclick="myButtonClicked(this)">Click ME</button>
那么你可以使用：
function myButtonClicked(el)
{
el.disabled = true;
}
$('button').click(function() {
$(this).prop('disabled',true);
});