2013-08-25 40 views
-4

我正在创建一个窗体,将显示一个整数的值。jQuery如果否则如果输入元素输出整数

它会是这样的:

如何重是你的项目?

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的解决方案。

+1

什么是你的相关的HTML?你卡在哪里?正如所写,这显示为“请为我做我的工作”问题。 –

+0

这是东西

user2716389

+0

我被困在事实中,我不知道如何编写jQuery if else脚本处理HTML表单中的信息,然后将其输出。 – user2716389

回答

0

试试这个:

$('#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/

+0

这是非常棒的Joe,效果很棒!还有一件事..如果我想添加一个checkox,例如'你想第二天交货吗?是/否'我怎么能把这个添加到其他语句中? – user2716389

相关问题