从字段值求和并在div中输出结果

Question

之前我用javascript做过这个，并且不知道用jquery来做它。

我希望你能帮助我！

我尝试了下一个：

<script>

$('.field').mouseout(function () {
    var sum = 0;
    $('.field').each(function() {
        sum += Number($(this).val());
    });
      $("#resultado").html(sum.toFixed(2));
});​​​​​​​​​

</script>

div resultado应该更改内容。没发生：/

Answer 1

尝试模糊事件，而不是鼠标输出

$('.field').blur(function() {
    var sum = 0;
    $('.field').each(function() {
        sum += Number($(this).val());
    });
    $("#resultado").html(sum.toFixed(2));
});

http://jsfiddle.net/syJ9g/1/

---

或绑定到各种事件

$('.field').bind("mouseout blur click", function() {
    var sum = 0;
    $('.field').each(function() {
        sum += Number($(this).val());
    });
    $("#resultado").html(sum.toFixed(2));
});

http://jsfiddle.net/syJ9g/2/