Jquery的實時倍增顯示結果

我有我的存在乘法Jquery的實時倍增顯示結果

<label>Number of Shares:</label><input name="shares" id="shares" type="text" /> 
    <input name="shares2" id="shares2" type="text" /> 
    <br /> 
    Total Value: &euro; <span id="result"></span>

這裏的代碼是我的腳本

$("#shares").keyup(function() 
$("#shares2").keyup(function() 
        { 
    var val1 = parseFloat($(this).val()); 
    var val2 = parseFloat($(this).val()); 

    val3 = (val ? val * val2 : "Invalid number"); 
    $("#result").text(val3); 

})

如何添加第二個輸入在腳本中的ID shares2？我的代碼亂七八糟。

來源

2014-01-24 user3117337

OK，我只是離開，所以我不得不解釋後，但試試這個：

<html> 
<head> 
    <title></title> 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script type="text/javascript"> 

    $(document).ready(function(){ 

     $(".js-calc").keyup(function(){ 

      var val1 = parseInt($("#shares").val()); 
      var val2 = parseInt($("#shares2").val()); 

      if (! isNaN(val1) && ! isNaN(val2)) 
      { 
       $("#result").text(val1 + val2); 
      } 
     }); 

    }); 

    </script> 
</head> 
<body> 

<form> 
    <label>Number of Shares:</label> 
    <input class="js-calc" name="shares" id="shares" type="text" /> 
    <input class="js-calc" name="shares2" id="shares2" type="text" /> 
</form> 

<br /> 
Total Value: &euro; <span id="result"></span> 

</body> 
</html>

通知我把class="js-calc"輸入要素，所以我們只需要爲目標的類，而不是兩個ID。

來源

2014-01-24 01:23:06 TunaMaxx

我寫了這一點，我覺得你想要做什麼：

var multiplyShares = function() { 
    var val1 = parseFloat($('#shares').val()) 
    var val2 = parseFloat($('#shares2').val()) 

    val3 = val1 * val2 || "Invalid number" 
    $("#result").html(val3) 
} 
$("#shares").keyup(function() { multiplyShares(); }); 
$("#shares2").keyup(function() { multiplyShares(); });

這裏是它的工作的例子。讓我知道這是否有幫助：

http://jsfiddle.net/8dhME/

來源

2014-01-24 01:23:18 tpbowden

Jquery的實時倍增顯示結果

回答

相關問題