Question

嘿伙计们，我是jQuery / js的新手，很难搞清楚这一点。在我的形式中有两个字段我想做一些计算，我试过的是这个：

jQuery.fn.calculateit = function(){

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

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

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

};

值“one”和“two”可以随时更改，每次发生时我都希望总数发生变化。所以我写了上面的方法，但我不知道如何在两个字段发生时调用它。

有什么想法吗？

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

谢谢！

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);

});

基于三个元素更改div内容

1 个答案: