jquery在单击时添加值

jquery在单击时添加值,jquery,click,sum,add,Jquery,Click,Sum,Add,我希望你能帮助我。 目前,我有一个progressBar,它只是在单击时使用一个预定义的值来显示div中的百分比进程 按钮: <a class="pbar" data-value="5" href="javascript:void(0)"></a> 这里是迄今为止的js代码: <script type="text/javascript"> progressBar(0, $('#progressBar')); $('.pbar').click( fun

我希望你能帮助我。 目前,我有一个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>

progressBar(0,$);
$('.pbar')。单击(函数(){
progressBar($(this.attr('data-value'),$('#progressBar');
});
我现在想要的是,每次点击“.pbar”按钮时,数据值将增加5。 所以我点击按钮一次,工具栏显示5%,我再次点击,它显示10%,再次显示15%,依此类推

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

progressBar(0,$('#progressBar');
$('.pbar')。单击(函数(){
var currentVal=parseInt($(this.attr('data-value'));

如果(currentVal试试这个,希望它能帮助你

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

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

});

谢谢。只需将$counter=5更改为0,否则它将直接添加到10。
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);
    }
});
$counter = $('.pbar').val();

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

});