изменить содержимое 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);

});