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;

那是因为对count变量的任何赋值只是改变了它的引用而不是表单中的字段。并且您不能在名称中使用“ - ”，但可以使用“_”或单词“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

您需要将count分配给countfield，如下所示：

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

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

3 个答案: