Question

为什么这个简短的例子不起作用？我试图在运行中计算总数，但似乎函数没有更新总框。

在我的实际工作中，我使用单选按钮动态更新定价（而不是此处显示的按钮），每个按钮都应用了onclick功能。

任何帮助都会很棒！非常感谢

Your order total: <input type="text" id="totalbox" name="totalbox" size="10" maxlength="10" readonly="readonly" value="0.00" /><br>

<input name="Order" type="submit" value="Order" onclick ="JavaScript: calculateTotal();">

function calculateTotal()
{
var total = "5.00";
var totalbox = document.getElementById('totalbox');
totalbox.value = "£" + total;
}

Answer 1

jsFiddle中有不同的设置如何处理javascript。

<强>的onLoad
这在主体加载时执行脚本：

<body onLoad="<your script>">

没有包装头
这会将脚本插入head部分：

<head>
  Your script
</head>

在您的情况下，您不想执行脚本，而是将其包含在页面中，以便全局可用。 No wrap - in head是您应该使用的设置。

Answer 2

您可以在运行时定义您的功能：

calculateTotal = function()
{
    // your code
}

或者您可以将javascript中加载Javascript的位置更改为No wrap，如其他答案中所述。

检查此线程有关运行时和解析时定义的函数：var functionName = function() {} vs function functionName() {}

Answer 3

additionaly：

<input name="Order" type="button" value="Order" onclick="calculateTotal();">

没有空格，没有JavaScript：等等。

javascript中需要的计算帮助

3 个答案: