时间戳

首页 > 解决方案 > 如何在一个按钮中触发两个 onClick 事件？

javascript - 如何在一个按钮中触发两个 onClick 事件？

问题描述

我需要从 index.php 收据.php 打开并隐藏按钮，因为收据已经制作，即。一个提交按钮中的两个事件。这会隐藏按钮，但不会触发提交。

<action =receipt.php target="_blank"><input type="submit" value="Receipt"     onClick="hideme();this.form.submit()" id="abc"> ... *rest of the form inputs* </form>

<script>
function hideme() {
    ,document.getElementById("abc").innerHTML = "";
}
</script>

标签： javascriptphp

解决方案

如果您hideme除了隐藏/修改submit按钮之外还使用该功能提交表单，您可以尝试如下：

event向内联函数调用添加一个参数onclick- 允许函数访问事件的所有属性，这里重要的是target

这应该禁用按钮并修改valueAND 将表单提交到带有单个event..

您可以取消注释删除按钮的行作为替代或简单地将按钮的值设置为空。

function hideme(e) {
  e.preventDefault();
  e.target.parentNode.submit();
  //e.target.parentNode.removeChild(e.target);//to remove the button completely or...
  e.target.value='Submitted';
  e.target.disabled=true;
}
<form action='receipt.php' target='_blank'>

    <input type="submit" value="Receipt" onclick="hideme(event);" />

    <!-- 
        *rest of the form inputs*
    -->
</form>

推荐阅读