javascript - 如何根据表单字段类型自动更新价格="number"

Question

如果我创建了一个订单表单，并且希望允许用户使用“数字”表单类型基于数字的输入来选择产品数量，您将使用什么事件来触发总成本的计算？我尝试过 oninput，但它只是输出错误“Uncaught TypeError: Object [object Object] has no method 'oninput'”

例如这段代码:

<label>Number of products:</label> <input name="product" id="product" type="number" /> Total Value: $ <span id="result"></span>​

和计算:

jQuery(document).ready(function(){
jQuery('#product').oninput(function(){
    jQuery('#result').text(jQuery('#product').val() * 25.99);
});    

});​

http://jsfiddle.net/7BDwP/806/

Answer 1

您需要使用change事件。

$(document).ready(function(){
    $('#product').change(function(){
        $('#result').text($(this).val() * 25.99);
    });    
});​

此外，您可能希望为输入字段添加最小值:

<input name="shares" id="product" type="number" min=0 />