Comment multiplier les valeurs de zone de texte avec javascript

Question

Je voudrais multiplier les valeurs de deux zones de texte (txtBox1 devrait contenir une valeur entière, txtBox2 devrait contenir une valeur Float) et placez le résultat dans une troisième zone de texte. Mon code est ci-dessous, mais cela ne fonctionne pas. La fonction javascript est appelée, sinon elle échoue. Quelqu'un peut-il m'aider s'il vous plaît à coder correctement: \? Merci

 //the javascript function 
     function CalculateTotal(id1, id2) { 
      var txt1 = document.getElementById(id1); 
      var txt2 = document.getElementById(id2); 

      var total = txt1 * txt2; 
      document.getElementById("txtTotal").value = parseFloat(total); 
     } 

     //c# code, programmatically adding attribute 
     txtBox1.Attributes.Add("onBlur", "CalculateTotal('txtBox1, txtBox2')"); 

Answer 1

Vous devez changer

var total = txt1 * txt2; 

à

var total = txt1.value * txt2.value; 

txt1 et txt2 sont l'élément d'entrée lui-même, et non pas la valeur qu'ils contiennent.

Dans votre plus bas que vous utilisez .value vous pour régler le paramètre, comme indiqué par Dumitru @ Dan vous pouvez utiliser parseFloat/parseInt,)

[Modifier]

mais cela est plus utile si votre champs d'entrée contient du texte supplémentaire, des chiffres manquants avant un marqueur décimal, une notation exponentielle, etc.

Answer 2

Je pense que vous avez également un problème avec l'obtention des ID des zones de texte, avec des apostrophes distinctes pour chaque variable:

//the javascript function 
function CalculateTotal(id1, id2) { 
    var txt1 = document.getElementById(id1); 
    var txt2 = document.getElementById(id2); 

    var total = parseInt(txt1.value) * parseFloat(txt2.value); 
    document.getElementById("txtTotal").value = total; 
} 

//c# code, programmatically adding attribute 
txtBox1.Attributes.Add("onblur", "CalculateTotal('txtBox1', 'txtBox2')"); 

Answer 3

Replace to below code

//the javascript function 
    function CalculateTotal(id1, id2) { 
     var txt1 = document.getElementById("id1").value; 
     var txt2 = document.getElementById("id2").value; 
     var total = txt1 * txt2; 
     document.getElementById("txtTotal").value = parseFloat(total); 
    } 

    //c# code, programmatically adding attribute 
    txtBox1.Attributes.Add("onBlur", "CalculateTotal('txtBox1, txtBox2')");