为什么我的按钮上的功能不起作用？

Question

我正在写一个表单来从框中获取数据，并在单击“计算”按钮时进行计算。该按钮通过功能cal(), 进行计算，但不能在countfield框中显示结果。 如何在框中显示结果？另外，如何用“ - ”命名该函数？

<script type="text/javascript"> 
function cal() 
{ 
    var hour = document.getElementById("hourfield").value; 
    var fee = document.getElementById("feefield").value; 
    var count = document.getElementById("countfield").value; 
    count = hour + fee; 
} 
</script> 

Answer 1

更改如下：

var count = document.getElementById("countfield").value; 
count = hour + fee; 

到：

document.getElementById("countfield").value = hour + fee; 

这是因为任何asignment以计数变量只是改变它的参考和不是在这个领域形成。而且名称中不能包含“ - ”，但可以使用“_”或单词“minus”。

Answer 2

试试这个：

<script type="text/javascript"> 
function cal() 
{ 
var hour = parseInt(document.getElementById("hourfield").value); 
var fee = parseInt(document.getElementById("feefield").value); 

document.getElementById("countfield").value = hour + fee; 
} 
</script> 

Answer 3

您需要分配给countcountfield这样的：

document.getElementById("countfield").value= count;