尝试使用PHP和Javascript创建时间表

我是通过谷歌偶然发现的。我试图建立一个时间表，将计算总小时

当尝试链接文章时，它不会计算。更糟的是。。。我真的不知道我在做什么，所以我实际上是在破解上面的代码

谢谢

函数计算时间（）{
//获取所选数据
var elt=document.getElementById（“supthu1a”）；
var supthu1=elt.options[elt.selectedIndex].value；
var elt=document.getElementById（“supfri1a”）；
var supfri1=elt.options[elt.selectedIndex].value；
var elt=document.getElementById（“supsat1a”）；
var supsat1=elt.options[elt.selectedIndex].value；
var elt=document.getElementById（“supmon1a”）；
var supmon1=elt.options[elt.selectedIndex].value；
var elt=document.getElementById（“suptue1a”）；
var suptue1=elt.options[elt.selectedIndex].value；
var elt=document.getElementById（“supwed1a”）；
var supwed1=elt.options[elt.selectedIndex].value；
var elt=document.getElementById（“supthu2a”）；
var supthu2=elt.options[elt.selectedIndex].value；
var elt=document.getElementById（“supfri2a”）；
var supfri2=elt.options[elt.selectedIndex].value；
var elt=document.getElementById（“supsat2a”）；
var supsat2=elt.options[elt.selectedIndex].value；
var elt=document.getElementById（“supmon2a”）；
var supmon2=elt.options[elt.selectedIndex].value；
var elt=document.getElementById（“suptue2a”）；
var suptue2=elt.options[elt.selectedIndex].value；
var elt=document.getElementById（“supwed2a”）；
var supwed2=elt.options[elt.selectedIndex].value；
//将数据转换为整数
supthu1=parseInt（supthu1a）；
supfri1=parseInt（supfri1a）；
supsat1=parseInt（supsat1a）；
supmon1=parseInt（supmon1a）；
suptue1=parseInt（suptue1a）；
supwed1=parseInt（supwed1a）；
supthu2=parseInt（supthu2a）；
supfri2=parseInt（supfri2a）；
supsat2=parseInt（supsat2a）；
supmon2=parseInt（supmon2a）；
suptue2=parseInt（suptue2a）；
supwed2=parseInt（supwed2a）；
//计算总价值
var total=supthu1+supfri1+supsat1+supmon1+suptue1+supwed1+supthu2+supfri2+supsat2+supmon2+suptue2+supwed2；
//将值打印到PicExtPrice
document.getElementById（“PicExtHours”）。值=总计；
}

名称

员工编号：

部门

支付期结束




支持


清华大学
星期五
坐
周一
星期二
结婚
清华大学
星期五
坐
周一
星期二
结婚

算计
总小时数：

您发布的代码尝试使用每个元素的属性选项。但该物业仅在以下日期可用。您选择的图元属于“输入”类型

您还遇到了一些变量命名问题。例如，请参见代码的这一部分：

var supthu1=elt.options[elt.selectedIndex].value；
//随后：
supthu1=parseInt（supthu1a）；// 您提供的代码存在一些问题，使其无法实现基本的功能。我对您的代码做了如下更正：

HTML更正：


HTML
元素，所以我将它们组合成
具有两个属性的单个

您为几乎所有的
元素指定了一个空字符串的默认值。不幸的是，您稍后会使用
parseInt（）
函数，它不会为空字符串返回0，但实际上是NaN。我为所有
元素指定了一个默认值0

JavaScript更正：


您尝试使用
.options[elt.selectedIndex].value访问
元素的值。这就是访问
元素的值的方式-对于
，只需
.value
即可

您传递给
parseInt（）
的内容有输入错误。传递函数的不是
的值，而是传递
本身。因此，您应该使用
parseInt（supthu1）
，而不是像
parseInt（supthu1a）

因此，生成的代码如下所示：



名称




员工编号：




部门




支付期结束






支持


清华大学
星期五
坐
周一
星期二
结婚
清华大学
星期五
坐
周一
星期二
结婚

计算总小时数：



函数计算时间（）{
//获取所选数据
var elt=document.getElementById（“supthu1a”）；
var supthu1=elt.值；
var elt=document.getElementById（“supfri1a”）；
var supfri1=elt.值；
var elt=document.getElementById（“supsat1a”）；
var supsat1=elt.值；
var elt=document.getElementById（“supmon1a”）；
var supmon1=elt.值；
var elt=document.getElementById（“suptue1a”）；
var suptue1=elt.值；
var elt=document.getElementById（“supwed1a”）；
var supwed1=elt.value；
var elt=document.getElementById（“supthu2a”）；
var supthu2=elt.值；
var elt=document.getElementById（“supfri2a”）；
var supfri2=elt.值；
var elt=document.getElementById（“supsat2a”）；
var supsat2=elt.值；
var elt=document.getElementById（“supmon2a”）；
var supmon2=elt.值；
var elt=document.getElementById（“suptue2a”）；
var suptue2=elt.值；
var elt=document.getElementById（“supwed2a”）；
var supwed2=elt.值；
//将数据转换为整数
supthu1=parseInt（supthu1）；
supfri1=parseInt（supfri1）；
supsat1=parseInt（supsat1）；
supmon1=parseInt（supmon1）；
suptue1
var elt = document.getElementById("supthu1a");
var supthu1 = elt.options[elt.selectedIndex].value;

var elt = document.getElementById("supthu1a");
var supthu1 = elt.value;

supthu1 = parseInt(supthu1);
supfri1 = parseInt(supfri1);
//and so on

supthu1 = (!isNaN(parseInt(supthu1))? parseInt(supthu1):0);
supfri1 = (!isNaN(parseInt(supfri1))? parseInt(supfri1):0);
//and so on

var supthu1 = document.getElementById("supthu1a").value;
var supfri1 = document.getElementById("supfri1a").value;
//and so on

//Plain JavaScript
window.onload = function(){
    var inputs = document.querySelectorAll('input[type=number]');
    for(var i = 0; i < inputs.length; i++){
        inputs[i].addEventListener('change', function(){calculateTime();});
    }
}

//jQuery way of things
$(document).ready(function(){
    $('input[type=number]').change(function(){calculateTime();})};
});