javascript - jQuery 的数学函数

Question

尝试使用 jQuery 执行一些基本的数学函数。

第 1 步。用户输入毛重和皮重，我的函数自动生成净重，即毛重减去皮重。(此步骤有效)

第 2 步。用户输入每磅价格，我的函数使用每磅价格乘以净重来计算总成本。

到目前为止我的代码是这样的，它返回净重但不返回总成本:

<script>
$(document).ready(function() {
       $(".sub").focusout(function() {
         $("#net").html('');
         var gross = $("#gross").val();
         var tare = $("#tare").val();
         var net = gross-tare;
         $("#net").html(Math.round(net*1000)/1000);
        });
    });

$(document).ready(function() {
       $(".sub1").focusout(function() {
         $("#total").html('');
         var net = $("#net").val();
         var ppp = $("#ppp").val();
         var total = net*ppp;
         $("#total").html(Math.round(total*1000)/1000);
        });
    }); 

  </script>

和 HTML:

   <input type='number' name='gross' id=gross class=sub>
   <input type='number' name='tare' id=tare class=sub>
   <p id=net name='net'></p>
   <input type="number" id=ppp name="ppp" class=sub1/>
   <p id=total name='total'></p>

如果我犯了愚蠢的错误，请原谅我，因为我几乎不了解 jQuery，这只是我正在从事的项目的一个要求。

Answer 1

一些小事:

-id=gross 应该有引号 id='gross'

-$("#net").val(); net 没有值，它是一个 p，所以使用 text()

- 你会想要使用 parseInt 或 parseFloat

例子:

$(document).ready(function () {
    $(".sub").focusout(function () {
        $("#net").html('');
        var gross = $("#gross").val();
        var tare = $("#tare").val();
        var net = gross - tare;
        $("#net").html(Math.round(net * 1000) / 1000);
    });

    $(".sub1").focusout(function () {
        $("#total").html('');
        var net = parseInt($("#net").text());
        var ppp = parseInt($("#ppp").val());
        var total = net * ppp;
        $("#total").html(Math.round(total * 1000) / 1000);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<input type='number' name='gross' id='gross' class='sub'/>
<input type='number' name='tare' id='tare' class='sub'/>
<p id='net' name='net' class='sub1'></p>
<input type="text" id='ppp' name="ppp" class='sub1'/>
<p id='total' name='total'></p>