Javascript 通过文本框进行实时计算

Question

我有 3 个文本框，(datefrom、dateto、per_day)

我希望能够在这些框中键入内容并进行以下计算，而无需刷新页面或提交表单:

dateto - datefrom = TOTAL

然后

TOTAL * per_day

使用 javascript 可以实现这一点吗？有人有任何示例吗？

我已经尝试过:

<script type="text/javascript">
$("#todate").on('keyup',function(){
        var days_amount = $(this).val() - $("#fromdate").val()
        var total = (days_amount) * $("#cost_per").val()
        $(".total_text").html(total);
})
</script>

From Date: <input type="text" name="fromdate" id="fromdate" value="10" /><br />
    To Date: <input type="text" name="todate" id="todate" value="" /><br />
    Cost Per: <input type="text" name="cost_per" id="cost_per" value="" /><br />
    <p>Total: <span class="total_text"></span></p>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

但我只得到输出:

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Answer 1

你可以。随着事情变得越来越复杂，它可以帮助使用框架来构建这种自动更新 View 的代码，例如我喜欢Knockout但还有很多其他的。