乘以文本值并显示答案jquery

时间:2014-10-08 16:04:25

标签: jquery

我试图将已经使用jquery生成的值乘以静态值。当值来自文本框时,我就是这样做了,而不是来自span标记。

以下脚本在从文本框中获取值时起作用。如何修改此内容以阅读

这是我到目前为止所做的:

HTML 这是我想通过

乘以静态值的文件
<p id="sum" name="equip_amount_four"></p>        

这是我想通过上面的html放置静态值的答案的地方

<p>$ <span id="equipPymnt" name="equip_payment"></span></p>

的jQuery

<script>
var multiplyShares = function() {
    var val1 = parseFloat($('#shares').val())
    var val2 = .086667

    val3 = val1 * val2 || "Invalid number"
    $("#result").html(val3.toFixed(2))
}

$("#shares").keyup(function() { multiplyShares(); });           
</script>   

1 个答案:

答案 0 :(得分:1)

您的HTML中似乎有一些不匹配的ID。以下作品:

&#13;
&#13;
var multiplyShares = function() {
  var val1 = parseFloat($('#sum').text());
  var val2 = .086667;
  var val3 = val1 * val2;
  val3 = isNaN(val3) ? "Invalid number" : val3.toFixed(2);
  $("#equipPymnt").html(val3);
}
multiplyShares();
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p id="sum" name="equip_amount_four">500</p>
<p>$ <span id="equipPymnt" name="equip_payment"></span></p>
&#13;
&#13;
&#13;