Question

我有3个div，每个都有数字......

<div id="one">1</div>

<div id="two">5</div>

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

我需要做的是：

如果单击#one，则添加#one和#two的值并在#total上更新

因此，在上面的情况下，总计看起来像这样：

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

Answer 1

HTML：

<div id="one">1</div>

<div id="two">5</div>

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

<input id="btn-calculate" type="button" value="Calculate" />

JavaScript的：

var one = document.getElementById('one'),
    two = document.getElementById('two'),
    total = document.getElementById('total');
document.getElementById('btn-calculate').onclick = function() {
    total.innerHTML = parseInt(one.innerHTML) + parseInt(two.innerHTML);
};

Demo

Answer 2

试试这个，

<强> Live Demo

$("#one").click(function() {
   $('#total').text(parseFloat($('#one').text()) + parseFloat($('#two').text()));
});

Answer 3

$("#one").click(function(){
    $("#total").html(parseInt($(this).text()) + parseInt($("#two").text()))
})

http://jsfiddle.net/daniilr/G4Snm/

Answer 4

$('#one').click(function(){
$("#total").text(
    parseFloat($(this).text()) + 
    parseFloat($("#two").text())
);
});

JQuery将2个div的值添加到第三个div中

4 个答案: