基于三个for元素更改div内容

Question

嘿伙计们， 我是 jQuery/js 的新手，很难弄清楚这一点。 我想用我的表单中的两个字段进行一些计算，我尝试的是：

jQuery.fn.calculateit = function(){

    var one = $("#one").val();

    var two = $("#two").val();

    //total
    var total = one + two;
    $("#total").text(total);

};

值“一”和“二”可以随时更改，每次发生这种情况时我都希望总数更改。所以我写了上面的方法，但我不知道如何在两个字段发生问题时调用它。

有什么想法吗？

也许我走错了路，所以欢迎任何建议！

谢谢！

Answer 1

开始吧：

$("#one, #two").change(function() {
    calculateit();
});

var calculateit = function() {

    var one = parseInt($("#one").val(), 10);
    var two = parseInt($("#two").val(), 10);

    //total
    var total = one + two;
    $("#total").text(total);

};

或者，如果您愿意，可以将 calculateit 添加到 jQuery.fn 并使用 $.calculateit() 调用它。

或者，更简洁地说：

$("#one, #two").change(function() {

    var one = parseInt($("#one").val(), 10);
    var two = parseInt($("#two").val(), 10);

    //total
    var total = one + two;
    $("#total").text(total);

});