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

Question

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

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

任何帮助将不胜感激提前感谢

Answer 1

我觉得你很清楚..

在点击事件中调用您的 getlocation() 方法..

Working fiddle

代码

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

输出