Question

我喜欢这个按钮。当您单击它时，按钮文本应更改为“正在更新...”。然后两秒钟后它应该变为“更新！”并且之后按钮不应该是可点击的。

当前的Html按钮脚本：

 <a class="btn-primary-md" id="buyButton" onclick="text = 'Updated!'">Update</a>

Answer 1

<input onclick="change()" type="button" value="Updated" id="buyButton" />

使用Javascript：

 function changeBtnTxt()
{
 document.getElementById("buyButton").value="Update"; 
  }

也许......

Answer 2

总而言之，你有一个按钮/链接，并且你想要点击：

要更改的元素的文本。
要禁用的元素。
两秒后，值再次变为另一个值。

您可以通过从HTML中提取JavaScript以实现可读性和可维护性来执行此操作：

＆＃13;

var button = document.getElementById("btn");

button.addEventListener("click", function () {
	button.disabled = true;
  button.innerHTML = "Waiting...";
    
	setTimeout(function () {
  	button.innerHTML = "Thank you!";
		button.disabled = false;
  }, 2000);
});

＆＃13;

<button id="btn" type="button">
  Click me
</button>

＆＃13;

Answer 3

<input onclick="changeBtnTxt()" type="button" value="Update" id="buyButton" />

function changeBtnTxt()
    {
    document.getElementById("buyButton").value="Updated";
   }

这是正确的！遗憾！

Html按钮文本更改

3 个答案: