jQuery/JavaScript将按钮的值添加到总onClick中

我有一个按钮列表，上面显示数值和总数

单击其中一个按钮（例如“添加100”），我希望将整数值100添加到显示的总分中。我希望总数立即更新，而不是每次都刷新页面

---

我的想法对吗？这在JavaScript和jQuery中是可能的，还是我需要尝试其他方法

下面是一段代码示例，该代码应该可以执行此操作

<div id="total">0</div>

<input id="clickme" type="button" value="click me!" />

<script type="text/javascript">
    $(function() {
       $('#clickme').on('click', function() {
          var number = parseInt($('#total').text());
          number+=100;
          $('#total').text(number);
       });
    });
</script>

0
$（函数（）{
$（'clickme'）。在（'click'，function（）上{
var number=parseInt（$（'#total'）.text（）；
数字+=100；
$（'总数'）。文本（数字）；
});
});

类似这样的内容：

<div>Total : <span id="total">0</span></div>
<input class="add" data-amount="100" type="button" value="Add 100" />
<input class="add" data-amount="10" type="button" value="Add 10" />
<input class="add" data-amount="50" type="button" value="Add 50" />

和

使用jquery：

HTML

<button value="100">100</button>
<button value="200">200</button>
<button value="300">300</button>
<div class="total"></div>

HTML:

---

是的，在jQuery或纯JavaScript中完全可能。如果您想快速完成工作，我会选择jQuery。您走的是正确的道路。向我们展示一些到目前为止您所掌握的代码，我们可以帮助您完成更多。这太完美了，谢谢！这基本上就是我为按钮编写的html代码。事实上，我尝试了这段代码，因为它看起来最简单，它可以在小提琴上工作，但不能在我的页面上工作。这是我的代码：加/减点数-布朗点数var theTotal=0$（'button'）。单击（function（）{theTotal=Number（theTotal）+Number（$（this.val（））；$（'.total'）.text（“total:+theTotal）；}）$（“.总计”）。文本（“总计：+总计）；100 200 300我不知道您的源代码中是否存在这种情况，但这：

需要一个

http://

并且没有

在src之后
<button value="100">100</button>
<button value="200">200</button>
<button value="300">300</button>
<div class="total"></div>

var theTotal = 0;
$('button').click(function(){
   theTotal = Number(theTotal) + Number($(this).val());
    $('.total').text("Total: "+theTotal);        
});

$('.total').text("Total: "+theTotal);   

<div>Total : <span id="total">0</span></div>
<button data-amount="10">Add 10</button>
<button data-amount="50">Add 50</button>
<button data-amount="100">Add 100</button>

$(document).ready(function() {
    $('button').bind('click', function() {
        var $this = $(this),
            $total = $("#total"),
            amount = $total.data("amount") || $total.text();

        amount += parseFloat($this.data('amount'));

        $total
            .data("amount", amount)
            .text(amount);
    });
});