Javascript/Ajax/Jquery动态计算表单变更
Javascript/Ajax/Jquery动态计算表单变更
提问于 2011-02-16 02:06:32
我有一个小表单，其中将填充Mysql和人工输入。我想做的是在其他字段的基础上填充其他3个字段。
示例：
总部件数(Mysql)
人工(用户)
其他(用户)
小计(以上动态合计)
税费(上下限动态计算* 13%)
合计(子+税)
我到处寻找，但找不到我想要的东西，而且我在Javascript/Ajax/Jquery方面的技能为零，所以我无法修改任何东西来工作，尽管我已经尝试得很糟糕。
有没有人可以帮我解决这个问题，或者给我一个适合我需要的脚本。
谢谢
回答 2
Stack Overflow用户
发布于 2011-02-16 02:38:43
好吧，对不起，我以为你在找一些复杂的代码。这里有一个简单的例子，就是你正在寻找的东西。
<html>
<head>
</head>
<body>
<script>
function doMath() {
var totalparts = parseInt(document.getElementById('parts_input').value);
var labor = parseInt(document.getElementById('labor_input').value);
var misc = parseInt(document.getElementById('misc_input').value);
var subtotal = totalparts + labor + misc;
var tax = subtotal * .13;
var total = subtotal + tax;
document.getElementById('subtotal_input').value = subtotal;
document.getElementById('tax_input').value = tax;
document.getElementById('total_input').value = total;
}
</script>
<div>Total Parts: <input type="text" id="parts_input" value="1" readonly="true" /></div>
<div>Labor: <input type="text" id="labor_input" onBlur="doMath();" /></div>
<div>Misc: <input type="text" id="misc_input" onBlur="doMath();" /></div>
<div>Sub Total: <input type="text" id="subtotal_input" readonly="true" /></div>
<div>Tax: <input type="text" id="tax_input" readonly="true" /></div>
<div>Total: <input type="text" id="total_input" readonly="true" /></div>
</body>
</html>显然，这并不能从数据库中获取动态值。如果你使用PHP，你可以换成下面这行：
<div>Total Parts: <input type="text" id="parts_input" value="1" readonly="true" /></div>对于这样的一个：
<div>Total Parts: <input type="text" id="parts_input" value="<?PHP include('getTotalParts.php'); ?>" readonly="true" /></div>其中getTotalParts.php是您用来获取数据库信息的文件。它可以简单地获取信息并执行"echo $totalParts；
Stack Overflow用户
发布于 2011-02-16 02:16:19
您可以只使用onblur (当用户离开每个输入字段时激活)来计算字段。
...<input name="labour" id=total onblur="$('#total').val($('#sub').val() + $('#tax').va())">您没有提供足够的信息来对"Total Parts“字段进行评论。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5011789
复制相关文章
相似问题
腾讯云开发者
