jquery在点击时添加值答案

【问题标题】：jquery adding up values on clickjquery在点击时添加值
【发布时间】：2013-09-19 12:39:08
【问题描述】：

我希望你能帮助我。目前我有这个progressBar，它只是在点击时使用预定义的值，在div中显示百分比进程。

按钮：

<a class="pbar" data-value="5" href="javascript:void(0)"></a>

这里是到目前为止的 js 代码：

<script type="text/javascript">

progressBar(0, $('#progressBar'));

$('.pbar').click( function () {
    progressBar($(this).attr('data-value'), $('#progressBar'));

});


</script>

我现在想要的是，每次单击“.pbar”按钮时，数据值将增加 5。所以我单击按钮一次，条形显示 5%，我再次单击，它显示 10%，再次显示 15%，依此类推。

非常感谢您的帮助。谢谢你。迷宫

【问题讨论】：

标签： jquery click sum add

【解决方案1】：

$counter = 5;

$('.pbar').click( function () {
    $counter = $counter+5;
    progressBar($counter, $('#progressBar'));

});

【讨论】：

谢谢。只需要将 $counter=5 改为 0，否则会直接加到 10 开始。

【解决方案2】：

试试这个，希望对你有帮助

$counter = $('.pbar').val();

$('.pbar').click( function () {
 $counter = $counter+5;
 progressBar($counter, $('#progressBar'));

});

【讨论】：

【解决方案3】：

progressBar(0, $('#progressBar'));

    $('.pbar').click( function () {
    var currentVal = parseInt($(this).attr('data-value'));
    if (currentVal <= 100)
    {
        currentVal = currentVal + 5;
        progressBar(currentVal, $('#progressBar'));
        $(this).attr('data-value', currentVal);
    }
});

【讨论】：