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调用的结果，可以防止错误

javascript乘以数字输入

2 个答案: