HTML 有以下这些选择框,ID分别是s50、s11、s12、s14、s51、s19、s20、s21、s22、s23、s24、s25、s26、s27、s28、s52、s40、s41、s42、s46和s53,需要在提交表单时自动计算这些选择项值为0的个数,并判断存在任何一个选项值为0,则输出"不合格"
时间: 2023-08-31 21:06:38 浏览: 122
你可以使用以下的HTML代码来实现这个功能:
```html
<!DOCTYPE html>
<html>
<head>
<title>选择项计算</title>
<script>
function calculate() {
var selectIDs = ['s50', 's11', 's12', 's14', 's51', 's19', 's20', 's21', 's22', 's23', 's24', 's25', 's26', 's27', 's28', 's52', 's40', 's41', 's42', 's46', 's53'];
var count = 0;
for (var i = 0; i < selectIDs.length; i++) {
var select = document.getElementById(selectIDs[i]);
if (select.value == 0) {
count++;
}
}
if (count > 0) {
document.getElementById("result").innerHTML = "不合格";
} else {
document.getElementById("result").innerHTML = "合格";
}
}
</script>
</head>
<body>
<h1>选择项计算</h1>
<form onsubmit="calculate(); return false;">
<select id="s50">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<!-- 添加其他选择框,ID和选项内容根据需要进行修改 -->
<input type="submit" value="提交">
</form>
<p id="result"></p>
</body>
</html>
```
你需要将上述代码中的选择框部分进行修改,根据你的需求添加相应的选择框。在点击提交按钮后,会触发`calculate()`函数,该函数将遍历所有选择框的值,统计值为0的个数,并根据结果更新显示在页面上的信息。
阅读全文