changer contenu div basé sur trois pour les éléments

Question

Hé les gars, Je suis nouveau à jQuery/js et avoir du mal à comprendre cela. Il y a deux champs dans une forme de mes je veux faire des calculs avec, ce que j'ai essayé est le suivant:

jQuery.fn.calculateit = function(){ 

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

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

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

}; 

Les valeurs « un » et « deux » peuvent changer à tout moment, et à chaque fois que il se passe que je veux que le total change. J'ai donc écrit la méthode ci-dessus, mais je n'ai aucune idée de comment l'appeler à chaque fois que quelque chose se passe avec les deux champs.

Des idées?

Peut-être que je suis sur la mauvaise voie, donc les suggestions sont les bienvenues!

Merci!

Answer 1

Ici, vous allez:

$("#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); 

}; 

Ou, si vous préférez, vous pouvez ajouter calculateit-jQuery.fn et l'appeler avec $.calculateit().

Ou, de façon plus concise:

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

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

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

});