javascript表单按钮点击计数器答案

【问题标题】：javascript form button click counterjavascript表单按钮点击计数器
【发布时间】：2013-06-13 14:29:33
【问题描述】：

早安。

我正在使用 javascript 函数处理按钮点击计数器。棘手的是按钮类型是提交，所以每当我点击这个按钮时页面都会重新加载。

这是包含按钮的代码。

<div class="skip">
<form method="post" >
<input type="hidden" id="skip_tinv" name="skip_tinv" value=""></input>
<button class="skip" type="submit" value="8" name="submit" onclick="skipCounter();">Skip >></button>
<?php include('includes/aftersubmit.php'); ?>         
</form>

我在一页中有十个这样的表单（这意味着一页中有十个跳过按钮），我希望这个“跳过”按钮在单击超过 3 次时被禁用。你对此有任何想法吗？

也欢迎使用 php 的想法。感谢您的帮助。

【问题讨论】：

onclick="skipCounter();return false;"

标签： php javascript html button counter

【解决方案1】：

您可以使用jQuery - Prevent Default 或Javascript - Prevent Default 这将阻止提交按钮重新加载页面，并且您可以跟踪按钮被点击的次数。一旦该计数器超过 3，然后使用 jQuery/javascript 隐藏跳过按钮

【讨论】：

谢谢。问题是在当前代码中“重新加载”页面是必要的。因为这是 php 文件，我需要在同一页面中调用另一个 php 函数。无论如何要通过重新加载页面来制作计数器？看来我必须使用 php 而不是 javascript？
是的，这是真的，因为 javascript 会在刷新时失去其状态。您可以使用 PHP 重新填充 javascript 计数器变量。说将计数器存储在 get 变量 myurl.com/page.php?counter=4 或将计数器存储在 cookie/session 变量中
对。听起来就是这样。谢谢