1

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

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="text/javascript">
$("#update").click(function()
{
    $("#counter")++;
}
</script>
</head>
<body>

<input type="text" name="TextBox" id="TextBox" value="0" />
<input type="Button" id='AddButton' value="+" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="text/javascript">
$('#AddButton').on('click', function ()
{
    var input = $('#TextBox');
    input.val(parseInt(input.val()) + 1);
})
</script>

</body>
</html>

任何帮助是极大的赞赏。请原谅任何明显的明显错误，我还不知道该怎么做。谢谢你，祝你好消息！=)

4

4 回答 4

6

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

至于问题，我重写了你的代码，它应该是这样的：

<!DOCTYPE html>
<html>
    <head>
        <title> My first increment </title>
    </head>
    <body>

        <input type="text" name="TextBox" id="TextBox" value="0" />
        <input type="Button" id='AddButton' value="+" />

        <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
        <script>
            $(document).ready(function(){
                $('#AddButton').click( function() {
                    var counter = $('#TextBox').val();
                    counter++ ;
                    $('#TextBox').val(counter);
                });
            });
        </script>
    </body>
</html>

这是一个小测试：测试我

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

祝你好运。

于 2013-07-14T14:50:38.873 回答
2

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

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

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>

那是一个非常旧的 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);
});
于 2013-07-14T15:39:29.287 回答
0

它应该是：

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 )
});

演示在这里。

于 2013-07-14T14:10:55.593 回答
0

这可以使用纯 html 和 JS 来完成，附上下面的代码

<b>
<button id="btn" onclick="this.innerHTML=++this.value" value=0 >0</button>
</b>
于 2018-08-14T15:40:21.233 回答