📌  相关文章
📜  提交后按钮 onclick 禁用 (1)

📅  最后修改于: 2023-12-03 14:54:43.669000             🧑  作者: Mango

你可以使用以下代码来实现在提交后禁用按钮的功能:

<button id="submitBtn" onclick="disableButton()">提交</button>

<script>
function disableButton() {
  // 在这里添加提交操作的代码
  
  // 禁用按钮
  document.getElementById('submitBtn').disabled = true;
}
</script>

上述代码中,我们使用了一个按钮元素 <button> 并给它一个 id 属性为 "submitBtn"。通过 onclick 属性,将 disableButton() 函数绑定到按钮的点击事件上。

disableButton() 函数中,你可以添加提交操作的代码。然后,使用 document.getElementById('submitBtn').disabled = true; 来禁用按钮。这会将按钮的 disabled 属性设置为 true,使其无法再被点击。

你可以将上述代码放置在你的 HTML 文件中的任何位置,或者将 JavaScript 部分放置在外部文件中,并在 HTML 文件中引用它。

当你点击按钮后,它将会执行 disableButton() 函数中的提交操作,并禁用按钮。

记得使用正确的 Markdown 标记来标明代码片段。