Javascript 如何从输入字段中获取数值？

我在用JS计算一些东西以及从输入字段（数字）中获得正确的值方面遇到了一些问题。当我使用此代码时，它不会显示任何内容。那么我的JS有什么问题？我需要包含jQuery文件吗

可利用性
总生产时间
小时
打破
会议记录
故障
会议记录
理论生产时间：

函数计算（）
{
var TotalProductionTime=document.getElementById（“TotalProductionTime”）.value；
var TotalProductionTimeInMinutes=TotalProductionTime*60；
var Breaks=document.getElementById（“Breaks”）.value；
var故障=document.getElementById（“故障”）.value；
var理论生产时间=总生产时间（分钟）-中断-故障；
document.getElementById（“test”）.innerHTML=理论生产时间；
}

您的HTML中有一些错误，但下面是一个可行的JSFIDLE：

您试图通过元素的ID来获取元素，但是您没有给它们一个ID，而是给了它们一个名称。另外，停止使用内联JavaScript调用；这是坏习惯

函数计算（）{
var TotalProductionTime=document.getElementById（“TotalProductionTime”）.value；
var TotalProductionTimeInMinutes=TotalProductionTime*60；
var Breaks=document.getElementById（“Breaks”）.value；
var故障=document.getElementById（“故障”）.value；
var理论生产时间=总生产时间（分钟）-中断-故障；
document.getElementById（“test”）.innerHTML=理论生产时间；
}

可利用性
总生产时间
小时
打破
会议记录
故障
会议记录
理论生产时间：

这里有两个问题。很明显，您试图通过

id

获取对表单输入的引用，但没有给它们任何引用（您给了它们一个

名称

）。要修复此问题，请将

name

属性更改为

id

，或使用特定于表单的方式引用它们，例如：

var TotalProductionTime = document.forms.frm1.TotalProductionTime

第二个问题更为严重，与您在

onclick

属性中输入的内容的执行范围有关。你看，你的按钮和你的函数一样被命名为“Calculate”，在

onclick

属性的上下文中，它的父形式用于在全局范围之前解析标识符。因此，您尝试调用按钮本身，而不是调用名为Calculate的函数。通过为它们指定不同的名称，引用

窗口来修复此问题。显式计算
，或者更好地使用JavaScript定义事件处理程序，而不是使用HTML属性：

document.forms.frm1.Calculate.onclick=Calculate

每个id都必须转换为整数。范例

var Malfunctions = parseInt(document.getElementById("Malfunctions").value);

然后，您的ready to go
.value
返回一个字符串。使用
parseInt（x，10）
或
parseFloat
。您使用的是
getElementById
，您没有设置任何ID。可能是重复的谢谢，您更改了什么我现在看到了。。正如耶科·帕尔马所说，没有身份证。我的上帝：X按钮的
名称
必须与
onclick
功能不同，否则我会将其（
名称
）省略。此外，如果您希望按ID显示元素，请给它们一个ID而不是名称。这是最好的答案，为了避免使用串联而不是添加，请使用
parseInt
。考虑使用或替代，或者，特别是针对<代码> <代码> s。