javascript - 使用带有输入值的 if 语句 jquery

Question

我有一个简短的脚本，它通过乘以 input 值来计算一个数字。该脚本工作正常，但现在我想添加 if 语句。例如:

HTML:

<label>Width</label><input type="text" id="width" />
<br>
<label>Length</label><input type="text" id="length" />
<br>
<label>Total</label><input type="text" id="total"/>

JavaScript:

var w = $('#width').val();
var l = $('#length').val();
var total1 = 2;
var total2 = 3;    
if((w * l) > 5){
    total = total1 * (w + l);
    parseInt($('#total').val('total'));
}
if((w * l) < 5){
    totalnew = total2 * (w + l);
    parseInt($('#total').val(totalnew));
}

所以如果 (#width x #length) > 5，(#width x #length) 的值将乘以某个数字，在这种情况下“2”。

Tried to figure it out on jsfiddle .

这里是没有 if 语句的代码:http://jsfiddle.net/e45SJ/

如何使用我已有的代码通过 if 语句实现我希望实现的目标？

编辑:如何添加多个 if 语句？我试过这个: http://jsfiddle.net/m2LxV/2/

Answer 1

有多个问题

1. 您需要在更改处理程序中进行计算，该处理程序将在长度/高度更改时调用
2. 当您执行 w + l 时，您正在执行字符串连接，因为 w 和 l 都是字符串值
3. l + w 是 5 那么你的 if 条件都不满足。
4. parseInt($('#total').val('total')) 只是将值 total 分配给元素和 parseInt没有任何意义

您需要使用更改处理程序

jQuery(function () {
    var total1 = 2;
    var total2 = 3;

    $('#width, #length').change(function () {
        var w = +$('#width').val();
        var l = +$('#length').val();
        var total;
        if ((w * l) > 5) {
            total = total1 * (w + l);
        } else {
            total = total2 * (w + l);
        }
        $('#total').val(total);
    })
})

演示:Fiddle