Question

我的脚本计算价格并在表格中显示结果。我希望以我能提交的形式看到这一点。这是JavaScript代码

<script type="text/javascript">
function update(){
var sum = 0;
$("#calculator > tbody > tr").each(function(){

var amount = parseFloat($(this).find("td").eq(1).find('input').val());
var value = $(this).find("td:eq(2)");
var price = $(this).find("td:eq(0)");

if (amount > 0 && amount < 501) {
price.text(0.37);
} else 
if (amount > 500 && amount < 3001) {
price.text(0.32);
} else 
if (amount > 3000 && amount < 6001) {
price.text(0.25);
} else 
if (amount > 6000 && amount < 10001) {
price.text(0.21);
} else 
if (amount > 10000) {
price.text(parseFloat(0.20).toFixed(2));
}

var _price = parseFloat(price.text());    

if (amount > 0 && amount !== undefined ) {
value.text(parseFloat(_price*amount).toFixed(2));
sum += _price*amount;
} else {
value.text(0);
}

});
$("#summary").text(parseFloat(sum).toFixed(2));
}
$(document).ready(function(){
update();
$("#calculator input").keyup(function(){
update();
});
});

</script>

这是html中的表格代码

<table id="calculator" class="table table-striped table-hover">
    <thead>
        <tr>
            <th><p align="right">Price</p></th>
            <th><p align="center">Amount</p></th>
            <th><p align="left">Value</p></th>
        </tr>
    </thead> 

    <tbody>
        <tr>
            <td align="right"></td>
            <td align="center"><input style="width:50px;" type="text" /></td>
            <td align="left"></td>
        </tr>
    </tbody>

</table>

填充金额后，脚本会使用带有规则的价格计算值。请帮我转换，不是在表格中，而是在表格中。

<form id="transfer">

    <input class="text" id="price" type="text" value="" />
    <input class="text" id="amount" type="text" value="" />
    <input class="text" id="value" type="text" value="" />

</form>

如何将javascript填充表转换为填充表单

0 个答案: