javascript - jQuery If Else If 输入元素输出整数

Question

我正在创建一个将值显示为整数的表单。

它会是这样的：

你的物品有多重？

150 克

然后在 jQuery 中我希望它这样做：

if (weight < 100) {
    echo £1 
} else if(weight > 100 and less than 200) {
    echo £2
} else {
    echo £3
}

我的html是：

<input type="number" name="weight" id="Weight">
<p>This is <span id="Output"></span> something</p>

但它需要在用户输入 HTML 表单时实时执行。对不起，我只是在学习 jQuery 和 javascript（我是一个 php 人）！

我更喜欢使用 jQuery 的解决方案。

Answer 1

尝试这个：

$('#Weight').on('keyup', function () {
    var price = '£3';

    if (this.value < 100) {
        price = '£1';
    } else if (this.value >= 100 && this.value < 200) {
        price = '£2';
    }

    $('#Output').html(price);
});

它在这里工作：http: //jsfiddle.net/TYXMr/