jquery如何正确递增值

时间:2014-11-10 18:26:48

标签: jquery

我有一个按钮,每当用户点击该按钮时,该值就会增加1.这样可行,但不是我想要的,因为没有点击,然后按钮值是 0 如果用户点击,则值将变为 01 而不是 1 。我该如何解决这个问题?我一直坚持认为自己是Jquery的新手。

                var cfollowers = $('#cfollowers').val()+1;
                $('#cfollowers').val(cfollowers);


                   <input type="button" id="cfollowers"  value="0" />

1 个答案:

答案 0 :(得分:3)

您的问题是输入元素的值被重新声明为字符串,因此您连接字符串而不是添加整数。只需在代码中添加一个parseInt调用即可解决问题:

<input type="button" id="cfollowers"  value="0" />
<script>
    $('#cfollowers').click( function() {
        var cfollowers = parseInt($('#cfollowers').val())+1;
        $('#cfollowers').val(cfollowers);
    });
</script>

编辑: docodemore 非常有用!更好的方法是将按钮的值存储为单独的变量。

<input type="button" id="cfollowers"  value="0" />
<script>
    var cfollowers = 0;
    $('#cfollowers').click( function() {
        cfollowers++;
        $('#cfollowers').val(cfollowers);
    });
</script>