jquery - 按钮点击计数-重置和重复

Question

有谁可以帮我解决这个问题吗？我正在玩一个小按钮元素。

我正在使用 css 按钮，但我们可以说这里有一个按钮。 “示例:http://www.cssbuttongenerator.com/”

现在假设，当有人点击按钮时，它会在按钮下方写下 1... 如果有人再次点击，就会写上 2... 无论谁点击。我、你或第三者。它会计算并记住点击次数。

现在假设它数到 100，那么 100 个人可以点击它。之后它重置为 0 并再次开始计算点击次数。

一定是有可能的。 Jquery 或任何需要的东西，请帮助这个新手(我)。

甚至使用输入按钮或图像或其他任何东西......只是为了计算和记住点击次数。谢谢您，等待一些很好的答案!

Answer 1

您可以使用 cookie 使用 javascript 设置它们，然后单击按钮读取该 cookie 的值 有关使用 javascript 操作 cookie 的更多信息，请访问 this 。 Here还有一个链接解释了如何使用 javascript 将值存储在 cookie 中

更新

如果您不想在页面的不同请求和单个用户之间保留计数器，那么您的解决方案也可以不使用 cookie 我做了一个 fiddle ，请参阅here 我希望它会有所帮助

更新2

你的

No matter who will click

只有当您使用任何服务器端技术(如 asp.net、Java/jsp/PHP)时，这才有可能，因为基于 cookie 的解决方案在这种情况下不适合您的需求。如果您希望任何人每次都点击无论谁点击它，都应该增加计数器，然后您必须使用服务器端 session 。

更新

在 jquery onDOMReady 中意味着当文档/页面完全加载时，只有脚本会运行，因此它是在页面中注册脚本的安全方法 无论如何 我使用了 jquery 风格的按钮点击处理程序，如果你不使用 jquery 那么你可以在按钮 onclick 事件上简单地调用计数函数

如果你使用jquery那么你可以这样写

    $(document).ready(function(){
    var x = 0;    
    function resetcounter() {
    x = 0;
    document.getElementById("counting").value = x;
    }

   function count() {
   if(x<50)
    {
      x += 1;
    }
    else
    {
        x=0;
    }
    document.getElementById("counting").value = x;
   }
   $('#btn').click(

         function() {
         count();
    });

    $('#reset').click(

    function() {
           resetcounter();
    });  
});