2

我已经构建了一个脚本来添加数量/单位并生成显示销售税的总计。

在计算和添加 GST（10% 销售税）之前，如何让这个计算器识别 #discount 并将其从总数中减去？

另外，页面加载时是否可以生成总数？而不是用户必须按下“生成总计”按钮？

HTML

<ul>
<li> Item 1 (<input type="text" name="others" size="4" value="5" readonly="readonly" class="readonly_field"/> units)</li>
<li> Item 2 (<input type="text" name="others" size="4" value="1" readonly="readonly" class="readonly_field"/> units)</li>
<li> Item 3 (<input type="text" name="others" size="4" value="3" readonly="readonly" class="readonly_field"/> units)</li>
</ul>


<input type="button" value="Generate Total" onclick="total()"  /><br><br>

Discount <input type="text" id="discount" name="discount" value="500"/><br><br>

Total Units: <input type="text" id="units_total" name="units_total" readonly="readonly" /><br>
Sub Total: <input type="text" id="sub_total" name="sub_total" readonly="readonly" /><br>
Includes GST: <input type="text" id="gst_total" name="gst_total" readonly="readonly" /><br>
Total: <input type="text" id="g_total" name="g_total" readonly="readonly" />

JS

function total(){
var total_value = 0;
var all_others = document.getElementsByTagName("input");

for(var i=0; i<all_others.length; i++){
if(all_others[i].type!="text" || all_others[i].name!="others"){
    continue;
}
total_value += parseFloat(all_others[i].value);
}

document.getElementById("units_total").value = (total_value).toFixed(1);

document.getElementById("sub_total").value = ((total_value) *100).toFixed(2);

document.getElementById("g_total").value = (((total_value * 10/100) + total_value) * 100).toFixed(2);

document.getElementById("gst_total").value = ((total_value * 10/100) * 100).toFixed(2);
}
4

2 回答 2

1

首先，要让您的函数在窗口加载时执行，请将其包装在加载事件中：

window.onload = function() {
    total();
}

其次，为了得到折扣，你只需要修改你的变量几次，但是当把它们加在一起时，确保你用以下方式解析它们.parseFloat()：

if (document.getElementById('discount').value != '') {
    var discount = document.getElementById('discount').value;
}
else {
    var discount = 0;
}
var sub_total = (((total_value) * 100).toFixed(2) - discount).toFixed(2);
var gst = ((total_value * 10 / 100) * 100).toFixed(2);

document.getElementById("sub_total").value = sub_total;

document.getElementById("gst_total").value = gst;

document.getElementById("g_total").value = (parseFloat(sub_total) + parseFloat(gst)).toFixed(2);

演示

于 2012-09-20T02:32:45.293 回答
0

首先，我建议您在服务器端和客户端都执行验证和计算。第一个可确保安全性，而第二个可提高 UI 的响应能力。

也就是说，你最好引入几个支持变量并对其进行计算。您应该从您有兴趣使用的元素中获取值getElementById并将其存储在变量中。然后你应该对这些变量执行计算，最后将结果放在你想要用来向用户显示它们的元素中。

要在页面加载时执行操作，请查看this。

于 2012-09-20T02:15:32.757 回答