Jquery 如何使这个简单的增值税计算器不中断和清除字段？

当我按下calculate时，我要做的就是让它不中断，并让clear按钮清除两个文本字段。我知道我有一个简单的错误，这是一个快速修复，谢谢你的帮助

HTML:

---

你需要换些东西。这是一张工作票

我改变了什么：

<form id="form">
Sub total: <input id="subtot" value="" type="text"/><br/>
Tax %: <input id="tax" value="" type="text" /><br/>
<input id="calc" type="submit" value="Calculate" />
<input id="reset" type="reset" value="Reset" />
</form>

$(function () {
    $('#calc').click(function(){
        var taxf = ($('#tax').val() / 100);
        var tot = ($('#subtot').val() * (taxf + 1)).toFixed(2);
         alert("Your total is $" + tot);
         $('#form').submit();
    });
    addTax();
});

您的重置按钮需要为以下类型

取出硬编码值，将其设置为默认值 使其不符合重置的条件

在函数调用和最后的结束括号中添加分号 为了良好的实践

HTML:

<form id="form">
Sub total: <input id="subtot" value="" type="text"/><br/>
Tax %: <input id="tax" value="" type="text" /><br/>
<input id="calc" type="submit" value="Calculate" />
<input id="reset" type="reset" value="Reset" />
</form>

$(function () {
    $('#calc').click(function(){
        var taxf = ($('#tax').val() / 100);
        var tot = ($('#subtot').val() * (taxf + 1)).toFixed(2);
         alert("Your total is $" + tot);
         $('#form').submit();
    });
    addTax();
});

---

你在提交表单，重新加载页面？我没有试图重新加载页面。我是jQuery的新手，所以可能是无意中这么做的。