jquery - 如何让这个简单的销售税计算器不破坏和清除字段？

Question

我要做的就是在我按下计算时让它不会中断，并让清除按钮清除两个文本字段。我知道我有一个简单的错误，这是一个快速修复，感谢您的帮助！

http://jsfiddle.net/Be9P6/

HTML：

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

jQuery：

$(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()
})

Answer 1

你需要改变一些东西。这是一个工作jsFiddle。

我改变了什么：

1. 您的重置按钮必须是reset类型。
2. 取出硬编码值，因为将它们设置为默认值将使它们不符合被重置的条件。
3. 为您的函数调用和最后的右括号添加了分号，以获得良好的实践。

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>

jQuery：

$(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();
});