Question

我想要做的就是当我按下计算时让这个不要破坏，并使用清除按钮清除两个文本字段。我知道我有一个简单的错误，这是一个快速修复，谢谢你的帮助！

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。

我改变了什么：

您的重置按钮必须是reset类型。
取出硬编码值，将其设置为默认值使他们没有资格重置。
在函数调用和最终结束括号中添加了分号好的做法。

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

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

1 个答案: