单击后如何禁用 html 按钮而不是提交按钮

Question

你好，我有一个 html 按钮，当你按下它时，它应该会给你商店到你所在位置的距离，所以当你按下它时，它们现在出现，问题是因为它还处于早期阶段，每次按下按钮时都会打印信息我现在只想知道如何在按下一次时禁用它，然后在按下另一个按钮时重新激活它，这不是提交按钮，我的按钮代码是：

   <button onclick="getLocation()">Search</button>

如有任何帮助，将不胜感激，提前致谢

Answer 1

我认为这对你来说非常清楚..

在点击事件中调用 getlocation() 方法。

工作小提琴

代码

$( "#bind" ).click(function() {
   $(this).attr("disabled", "disabled");
   $("#unbind").removeAttr("disabled");
});
$( "#unbind" ).click(function() {
     $(this).attr("disabled", "disabled");
     $("#bind").removeAttr("disabled");
});

输出