javascript将输入乘以数字

javascript将输入乘以数字,javascript,jquery,Javascript,Jquery,我正在尝试为我负责创建的表创建一个简单的函数。我希望用户在第一个输入字段中输入一个数字,并将该数字乘以30,然后通过keyup或onChange将结果显示在第二个输入字段中 这是我到目前为止所拥有的,请记住我在这方面是非常非常新的 <table> <tr> <td>Costs</td> <td>$ <input type="text" id="daily">

我正在尝试为我负责创建的表创建一个简单的函数。我希望用户在第一个输入字段中输入一个数字,并将该数字乘以30,然后通过keyup或onChange将结果显示在第二个输入字段中

这是我到目前为止所拥有的,请记住我在这方面是非常非常新的

<table>
    <tr>
        <td>Costs</td>
        <td>$
            <input type="text" id="daily">
        </td>
        <td>$
            <input type="text" id="result">
        </td>
    </tr>
</table>

<script>
$(function () {
    $('#daily').keyup(function () {
        var daily = $('#daily').val();
        var month = 30;
        $('#result').val(daily * month);
    });
});
</script>

成本
$
$
$(函数(){
$('#daily').keyup(函数(){
var daily=$(“#daily”).val();
var月=30;
$(“#结果”).val(每日*月);
});
});
您需要声明

var daily = parseInt($('#daily').val());

我尝试使用“.on”绑定,而不是直接使用“.keyup”,因为如果该表是ajax调用的结果,则可以防止出现错误

您的问题是什么?因为当我输入'1'时,结果显示'30'和'12'>'360',在这里(在FF上)效果很好,那么,问题是什么?这行吗?不工作?你想从我们这里得到什么?它对我有用…你包括jQuery了吗?如果你刚刚开始使用,请不要养成使用表格进行布局的坏习惯,使用CSS,而不要使用CSS。在执行
*
时有一个隐式强制转换。正如各种fiddle所显示的,它在这一点上起作用。如果你想保持紧张,你应该使用
parseInt('123',10)
,注意10代表十进制:)
parseInt
不是这里的问题。执行
*
时会出现隐式强制转换。您是否注意到“.on('keyup')”绑定而不仅仅是“.keyup”?如果这不起作用,那一定是外部错误。代码在JSFIDLE上运行良好
$(function () {
   $('#daily').on('keyup', function (){
     var daily = parseInt($('#daily').val());
     var month = 30;
     $('#result').val(daily * month);
   });
});