javascript - Node.js - 如果不满足目标值，如何默认为特定值

Question

我很抱歉提出这个问题，但对于 js 来说我还是个新手。我创建了一个简单的页面来计算收费交易，因此它将简单地将数量和价格乘以.25% 。但这是技巧，如果总产品小于 50，则 Charge 字段应默认为 50，这就是我有点迷失的地方,

这是我的代码:

<tr>
    <td width="144">Quantity:</td>
    <td width="63"><input type="text" name="quantity" id="quantity" size="8"/></td>
</tr>
<tr>
    <td>Price:</td>
    <td><input type="text" name="price" id="price" size="8"/></td>
</tr>
  <tr>
    <td colspan="4"><strong>Charges:</strong></td>
    </tr>
<tr>
    <td>Charge:</td>
    <td><input style="color:#F00" type="text" name="charge" id="charge" size="8" readonly="readonly" /></td>
    <td colspan="2">Quantity x Price x .25% OR 20 whichever is higher</td>
</tr>

这是我设法拥有的js，

    $(function () {
        $("#quantity, #price").keyup(function () {
            var q = parseFloat($("#quantity").val()); // Quantity
            var p = parseFloat($("#price").val()); // Price
            if (isNaN(q) || isNaN(p) || q<=0 || p <= 0) {
                $("#charge").val('');
                return false;
            }
            $("#charge").val((q * p * 0.0025).toFixed(3)); // Charge
        });
    });

Answer 1

将总计放入变量中并在将其放入 DOM 之前对其进行测试:

$(function () {
    $("#quantity, #price").keyup(function () {
        var q = parseFloat($("#quantity").val()); // Quantity
        var p = parseFloat($("#price").val()); // Price
        if (isNaN(q) || isNaN(p) || q<=0 || p <= 0) {
            $("#charge").val('');
            return false;
        }
        var total = q * p * 0.0025;
        if (total < 50) {
            total = 50;
        }
        $("#charge").val(total.toFixed(3)); // Charge
    });
});

另一种方法是使用Math.max():

$("#charge").val(Math.max(50, q * p * 0.0025).toFixed(3)); // Charge