gpt4 book ai didi

javascript - 无法限制所选复选框的数量(尝试了多个片段)

转载 作者:行者123 更新时间:2023-12-02 14:38:31 25 4
gpt4 key购买 nike

我有一个表单,可以打印数据库中存储的问题列表。用户应该最多选择 10 个复选框,但似乎我的 javascript 被忽略了。我是否忽略了一些基本的东西来让它发挥作用?我正在使用 LAMP 在虚拟机中创建它。我尝试在 Eclipse 和浏览器中运行代码,但没有任何反应。这是我的代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Question Selection</title>
<script type="text/javascript">
function chkcontrol(j) {
var total = 0;
for (var i = 0; i < document.questions.questions.length; i++) {
if (docment.questions.questions[i].checked) {
total = total + 1;
}
if (total > 10) {
alert("Please select only 10 questions");
document.questions.questions[i].checked = false;
return false;
}
}
}
</script>
</head>
<body>
<?php echo "<br />"; ?>
<form id="questions" name="questions" action="GenerateQuiz" method="post">
<table border="2" style="margin:0 auto; padding:5px">
<thead>
<tr>
<th>Questions</th>
<th>Include in Quiz</th>
</tr>
</thead>
<tbody>
<?php
$count = 1;
// Print a row for each record in the returned query
foreach($questionList as $key => $row) {
echo "
<tr>
<td style='text-align:left;'>$row[questionText]</td>
<td style='text-align:center;'><input type='checkbox' name='questions[]' onclick='chkcontrol($count)' value='$row[questionText]' /></td>
</tr>";
$count++;
}
?>
</tbody>
</table>
<div align="center">
<br />
<input type="submit" value="Take Quiz" />
</div>
</form>
</body>
</html>

最佳答案

chkcontrol = function(j) {
var total = 0;
var questions = document.getElementsByName('questions[]');
for (var i = 0; i < questions.length; i++) {
if (questions[i].checked) {
total = total + 1;
}
if (total > 10) {
alert("Please select only 10 questions");
questions[i].checked = false;
return false;
}
}
}

这就是你的 chkcontrol 函数应该是什么样子的。您不需要 jQuery 来执行此操作,您已经完成了大部分工作!

请参阅此处的工作示例: https://jsfiddle.net/wr58739c/4/

关于javascript - 无法限制所选复选框的数量(尝试了多个片段),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37222476/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com