Javascript 使用复选框跟踪两个进度条的平均值

我正在开发一个非常重要的项目，用户可以通过复选框更改两个元素的“压力”值。 这些复选框有两个不同的值，一个用于

第一栏

，另一个用于

第二栏

。所有这些系统都有一个“状态面板”，显示是否一切正常，或者是否有问题

请注意，我不必使用回音或警报消息，因为我需要根据两个条的当前状态显示不同的div

在这段代码中，我尽了最大的努力，我是JavaScript新手，所以请不要对我的错误吝啬

var
偶数=$（'.even'），
高=$（'高'），
低=$（'低'）；
$（'input'）。在（'click'，function（）上{
var emptyValue=0；
$（'input:checked'）。每个（函数（）{
emptyValue+=parseInt（$（this.val（））；
});
$（'.bar one'）.css（'width'，emptyValue+'%'）.attr（'aria-valuenow'，emptyValue）；
});
如果（平均值===5）{
偶数。show（）；
}否则{
甚至。隐藏（）；
}
如果（平均值>=7）{
high.show（）；
}否则{
high.hide（）；
}
如果（average您没有初始化变量average，那么我将其设置为3，其余代码似乎正常工作


var
偶数=$（'.even'），
高=$（'高'），
低=$（'.low'），
平均值=3；
$（'input'）。在（'click'，function（）上{
var emptyValue=0；
$（'input:checked'）。每个（函数（）{
emptyValue+=parseInt（$（this.val（））；
});
$（'.bar one'）.css（'width'，emptyValue+'%'）.attr（'aria-valuenow'，emptyValue）；
});
如果（平均值===5）{
偶数。show（）；
}否则{
甚至。隐藏（）；
}
如果（平均值>=7）{
high.show（）；
}否则{
high.hide（）；
}
如果（平均不确定你到底想怎么做。但我会这样做。也许看看我做了什么，你就能知道你想做什么


var
偶数=$（'.even'），
高=$（'高'），
低=$（'低'）；
var averageCount=$（“面板”）.find（“输入”）.length；
var average=0；//不确定如何计算平均值，所以我添加了这个。
updateStatus（average）；//只是默认启动消息框；
$（'input'）。在（'click'，function（）上{
var emptyValue1=0；
var emptyValue2=0；
$（'input:checked'）。每个（函数（）{
emptyValue1+=parseInt（$（this）.attr（“data-value1”）；
emptyValue2+=parseInt（$（this）.attr（“data-value2”）；
});
平均值=（空值1+空值2）/平均计数；
$（'.bar one'）.css（'width'，emptyValue1+'%'）.attr（'aria-valuenow'，emptyValue1）；
$（'.bar-two'）.css（'width'，emptyValue2+'%'）.attr（'aria-valuenow'，emptyValue2'）；
updateStatus（平均）；//更新消息框
});
函数更新状态（平均值）{
如果（平均值===5）{
偶数。show（）；
}否则{
甚至。隐藏（）；
}
如果（平均值>=7）{
high.show（）；
}否则{
high.hide（）；
}
如果（谢谢你的努力，但我在进度条或状态栏上看不到任何结果。无论如何，谢谢！运行脚本时遇到了什么问题？请运行代码段，我看不到任何工作=（首先将事件从单击更改为选择使用$（“输入[类型=复选框]”）；将事件更改为select，而不是单击select函数中的define high low and even变量并查看结果