javascript - javascript将输入乘以数字

Question

我正在尝试为我负责创建的表创建一个简单的函数。我希望用户在第一个输入字段中输入一个数字，然后将该数字乘以 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>

Answer 1

你需要声明

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

Answer 2

$(function () {
   $('#daily').on('keyup', function (){
     var daily = parseInt($('#daily').val());
     var month = 30;
     $('#result').val(daily * month);
   });
});

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