按钮单击计数 - 重置&重复

时间:2012-05-05 11:55:03

标签: jquery html css onclick click

有没有人可以帮助我解决这个问题。我正在玩一个小按钮项目。

我正在使用css按钮但是可以从这里说一个按钮。 “例如:http://www.cssbuttongenerator.com/

现在可以说,当有人点击按钮时,它会在按钮1下方写下... 如果有人再次点击它会写2 ...无论谁会点击。我,你或第三个人。它会计算并记住点击次数。

现在让我们说它数到100,所以有100个人可以点击它。之后它重置为0并再次开始计算点击次数。

一定是可能的。 Jquery或其他任何需要,请帮助这个新的(我)。

甚至使用输入按钮或图像或其他任何东西......只需计算并记住点击次数。谢谢,等待一些很棒的答案!

1 个答案:

答案 0 :(得分:3)

你可以使用cookie使用javascript设置它们,然后在按钮上单击读取该cookie的值 有关使用javascript操纵Cookie的更多信息,请浏览thisHere也是另一个解释如何使用javascript

将值存储在Cookie中的链接

<强>更新

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

更新2

No matter who will click

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

<强>更新

在jquery onDOMReady meand当文档/页面完全加载时,只有脚本会运行,所以它的错误安全方式是向页面注册脚本 无论如何 如果你不使用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();
    });  
});