Javascript 如何制作一个简单的表格来计算数量x'；什么是固定利率？_Javascript

Javascript 如何制作一个简单的表格来计算数量x'；什么是固定利率？

javascript

Javascript 如何制作一个简单的表格来计算数量x'；什么是固定利率？,javascript,Javascript,好的，我对javascript的工作原理有很好的理解，但不知道如何实现它。我有一个简单的表格，需要即时计算每张75.00的x张票的价格。假设表单id是数量和总数，75.00是费率。执行此操作的脚本是什么，我应该在哪里添加它相关的HTML如下所示： <form id="docContainer" enctype="multipart/form-data" method="POST" action="" novalidate="novalidate" data-form="prev

好的，我对javascript的工作原理有很好的理解，但不知道如何实现它。我有一个简单的表格，需要即时计算每张75.00的x张票的价格。假设表单id是数量和总数，75.00是费率。执行此操作的脚本是什么，我应该在哪里添加它

相关的HTML如下所示：

<form id="docContainer" enctype="multipart/form-data" method="POST" action="" 
    novalidate="novalidate" data-form="preview">

    <label id="item4_label_0" ># of Tickets</label>
    <input type="text" id="quantity" maxlength="254" data-hint="" name="quantity" required/>

    <label id="item13_label_0">Price Per Ticket</label>
    <input name="item_price" type="text" id="item_price" placeholder="75.00"
     maxlength="254" readonly data-hint="75.00"/>

    <label id="item14_label_0" >Total</label>
    <input name="total_price" type="text" id="total_price" maxlength="254" readonly/>

    <input type="submit" class="fb-button-special" id="fb-submit-button" value="Submit" />
</form>


#票的数量
每张票的价格
全部的

您的输入没有ID，因此我使用了它们的名称。这就是使用jQuery的方法。我已经忘了如何编写老式的javascript，也许其他人可以添加到这一点上

<script src="jquery.js"></script>
<script>
$(function(){
    $('input[name="quantity"]').on('change keyup', function(){
        $('input[name="total_price"]').val($(this).val() * $('input[name="item_price"]').val());
    });
});
</script>


$（函数（）{
$（'input[name=“quantity”]”）。在（'change keyup'，function（）上{
$（'input[name=“total_price”]'）.val（$（this.val（）*$（'input[name=“item_price”]'）.val（））；
});
});

走在前面

</body>

编辑：为jQuery添加了必要的内容，但这可以通过常规js来完成。


<html>
    <head>
        <script>            

            window.onload = function() {
                var calculSumToString = function calculSumToString() {
                    totalField.value = (qtyField.value * itemPriceField.value).toFixed(2) + " $";
                };

                var totalField = document.getElementById('total_price');
                var qtyField = document.getElementById('quantity');
                var itemPriceField = document.getElementById('item_price');

                qtyField.onkeyup = calculSumToString;

                itemPriceField.onkeyup = calculSumToString;

            };
        </script>

    </head>

    <body>
        <form id="docContainer" enctype="multipart/form-data" method="POST" action="" 
              novalidate="novalidate" data-form="preview">

            <label id="item4_label_0" ># of Tickets</label>
            <input type="text" id="quantity" maxlength="254" data-hint="" name="quantity" required/>

            <label id="item13_label_0">Price Per Ticket</label>
            <input name="item_price" type="text" id="item_price" value="75.00"
                   maxlength="254" readonly data-hint="75.00"/>

            <label id="item14_label_0" >Total</label>
            <input name="total_price" type="text" id="total_price" maxlength="254" readonly/>

            <input type="submit" class="fb-button-special" id="fb-submit-button" value="Submit" />
        </form>
    </body>
</html>

window.onload=函数（）{
var calculSumToString=函数calculSumToString（）{
totalField.value=（qtyField.value*itemPriceField.value）.toFixed（2）+“$”；
};
var totalField=document.getElementById（“总价”）；
var qtyField=document.getElementById（'quantity'）；
var itemPriceField=document.getElementById（'item_price'）；
qtyField.onkeyup=calculSumToString；
itemPriceField.onkeyup=calculSumToString；
};
#票的数量
每张票的价格
全部的

total=amount*price？

你真的不需要对任何东西都有很好的了解就可以做到这一点吗？我在哪里输入代码？你知道当人们说不要使用表格进行布局时。。？对于表格表单，只需使用一个表格——它是一个非常干净的表格，标记要少得多。对于我的大多数表单，我都使用一个简单的表单生成器。我不是一个开发者，但我负责维护和推进我们慈善机构的网站。那么，我该把那个片段放在哪里呢？在？中，我编辑了代码，以便向您展示如何包含jQuery以及最佳位置。知道了！！谢谢这是一个如此简单的函数。我只需要分解并学习jquery和javascript，然后你就不必再摸索了：DMy的最后一个问题是数字格式（将小数点改为2位（$75.00）我知道这是一个简单的数字格式，但在如何做上还不太清楚。任何帮助都将不胜感激。谢谢。在进一步审查后，75.00还需要以某种方式允许美元符号在那里，而不会弄乱功能。如果太麻烦，我可以不使用美元符号。但是小数位就好了。