单击按钮时增加计数器值

我似乎无法获得我需要工作的jQuery位。 我之前从未使用过jQuery，但我希望在我的页面上有一个按钮，当单击时，将最初的0值增加1。 我的问题类似于jQuery – 在单击按钮时增加计数器的值并按下按钮并在文本框中增加值，但我无法理解我做错了什么。 这就是我所拥有的：

    $("#update").click(function() { $("#counter")++; }        $('#AddButton').on('click', function () { var input = $('#TextBox'); input.val(parseInt(input.val()) + 1); })    

任何帮助是极大的赞赏。 请原谅任何巨大的明显错误，我不知道如何做到这一点。 谢谢，快乐的消息！ =）

Answer 1

很明显你是jQuery的新手，所以一个好的阅读可能对你有帮助，我会推荐Head First jQuery 。

至于这个问题，我重新编写了你的​​代码，这里应该是这样的：

这是一个小测试： 测试我

想法是增加一个变量而不是一个对象，并且你也有一些语法错误，但尝试这个代码，我们可以在评论中进一步讨论它。

祝你好运。

Answer 2

（这只是对其他答案的补充）

你只需要在所有其他js src 之前加载一次：

这是一个非常古老的jquery版本。 你可以在这里找到最新的。

几乎所有的jQuery代码都应该包含在内

 $(document).ready(function(){ }); 

一直这样做，直到你发现一个不是纯粹的jQuery很少见的理由。

假设永远不能从最后一个计数器更改$('#TextBox') ，您可能会喜欢：

 $('#TextBox').val(0); $('#AddButton').click( function() { $('#TextBox').val(parseInt($('#TextBox').val()) + 1); }); 

但是如果你想让用户改变TextBox ，那么每当点击AddButton时，设置回增量计数器，假设counter应该从0开始：

 counter = 0; $('#AddButton').click( function() { counter++; $('#TextBox').val(counter); }); 

Answer 3

它应该是：

 var counter = 0; $("#update").click(function() { counter++; }); 

在这里演示。

如果counter是一个变量，你需要定义它（ var counter; ），你也忘了关闭点击“）”。 最后注意额外的) 。 你正在做的是增加一个jQuery对象（好主意解释Ohgodwhy）。

如果您想要的是将值放在另一个字段中（现在我猜一点），就像输入字段一样，您可以这样做：

 var val; $("#update").click(function() { val = $('#counter').val(); val++; $('#counter').prop('value',val ) }); 

在这里演示。

Answer 4

这可以使用普通的html和JS，附加下面的代码来完成

  0