javascript - Woocommerce空购物车按钮。 “你确定吗？”

我在Woocommerce购物车页面上添加了一个[空购物车]按钮。

大。

我想添加一个弹出窗口，询问用户“您确定吗？”

万一他们购物了两个小时，然后误按了这个按钮。

我认为这是自定义JavaScript。

让我们假设按钮的ID为myButton。

最佳答案

考虑到您的标记，请尝试以下操作：

document.getElementsByName("empty_cart")[0].onclick = function(e) {
  var choice = confirm("Are You Sure ?");
  if (!choice) {
    //Cancel submit
    e.preventDefault();
  }
};

<form method="post" action="#">
  <input class="button" type="submit" value="Empty Cart" name="empty_cart">
</form>

您正在使用getElementByName和fuction;都不存在。要使这样的小错误更容易发现，请在使用Javascript时在浏览器的开发人员工具中打开“控制台”选项卡。它吐出TypeError: Object #<HTMLDocument> has no method 'getElementByName'。

关于javascript - Woocommerce空购物车按钮。 “你确定吗？”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29010548/