单击按钮后 Javascript 代码消失

Question

我正在尝试做一个小计计算工具，但是我无法继续，因为我不知道是什么问题。提交表单或单击按钮时，所有内容都会迅速消失。

这是 fiddle ::http://jsfiddle.net/xFmBK/

我是无能的...

    function calcSub(){

        var input = document.getElementById('fld'),
            subTotal = document.getElementById('sub-total'),
            tax = document.getElementById('tax'),
            total = document.getElementById('total');

        var subTotalCalc = input.value / 1.06;

        var flag = true;


        if(input.value == "" || input.value == null){
            alert("Please enter in a total!");
            return false;
        } else {
            subTotal.innerHTML = "Subtotal:" + " " + "$" + subTotalCalc;
            tax.innerHTML = "Tax:" + " " + "$" + input.value - subTotalCalc;
            total.innerHTML = input.value;
            return flag;
        }

    }

Answer 1

发生这种情况是因为您的提交按钮实际上在某些操作上执行表单提交并且正在刷新页面。有一些方法可以修复行为，例如:

让你的提交按钮只是一个按钮:<input type="button"> 实际上你似乎不需要表格

或将 return false 添加到 onClick 处理程序:

<button type="submit" onclick="calcSub(); return false;">Calculate</button><br>