我正在处理一个包含php页面的小项目，该页面将要求用户输入测试的多个问题，并在编写了例如10的数字后，他将为每种类型的考试分配问题的数量（添加，减法，乘法，除法）直到问题数量结束为止，例如，在选择了10个总问题之后，他可以再选择5个乘法（3个乘法）和2个除法（但除法），因为他已经完成了10个问题，因此无法再分配问题。并且他在html中以数字输入类型分配这些数字，因此我想获取第一个输入类型，即问题总数，然后每当他增加任何一种考试类型（加法..）和当它达到0时，它将禁用输入类型，这是我到目前为止所做的：
var numInput = document.getElementById('numInput');
var Input1 = document.getElementById('Input1');
var Input2 = document.getElementById('Input2');
var Input3 = document.getElementById('Input3');
var Input4 = document.getElementById('Input4');
Input1.disabled = true;
Input2.disabled = true;
Input3.disabled = true;
Input4.disabled = true;
var Checker = setInterval(function Checker() {
var numValue = numInput.value;
//thats what I tried to do to solve my problem but it didn't work properly because it must decrement only 1 but the condition will still be true so it will decrement for ever or at least that is what I think.
if (Input1.value > 0) {
numValue = numValue - 1;
}
//and this part is working fine.
if (numValue > 0) {
Input1.disabled = false;
Input2.disabled = false;
Input3.disabled = false;
Input4.disabled = false;
} else if (numValue <= 0) {
Input1.disabled = true;
Input2.disabled = true;
Input3.disabled = true;
Input4.disabled = true;
}
}, 100);<form method="GET" action="">
<h2>How many questions do you want to answer?</h2>
<input id="numInput" type="number" name="Text" value="0" min="0"><br>
<h2>Addition: </h2> <input id="Input1" type="number" name="Text" value="0" min="0"><br>
<h2>Subtraction: </h2> <input id="Input2" type="number" name="Text" value="0" min="0"><br>
<h2>Multiplication: </h2> <input id="Input3" type="number" name="Text" value="0" min="0"><br>
<h2>Division: </h2> <input id="Input4" type="number" name="Text" value="0" min="0">
</form>我对如何解决这个问题一无所知，请帮助我。
javascript参考方案
您不应将numValue递减，而应将其与其他输入的总和进行比较
function Checker() {
var sum=parseInt(Input1.value)+parseInt(Input2.value)+parseInt(Input3.value)+parseInt(Input4.value);
var numValue = numInput.value;
if (numValue > sum)
{
Input1.disabled = false;
Input2.disabled = false;
Input3.disabled = false;
Input4.disabled = false;
} else
{
Input1.disabled = true;
Input2.disabled = true;
Input3.disabled = true;
Input4.disabled = true;
}
}
另外，最好是setInterval，使用onchange event
numInput.addEventListener("change", Checker);
Input1.addEventListener("change", Checker);
Input2.addEventListener("change", Checker);
Input3.addEventListener("change", Checker);
Input4.addEventListener("change", Checker);
我正在编写一个在线时间跟踪网页，允许用户将学习时间输入该系统。用户将首先输入名称，然后根据日期输入学习时间。一天中可能会有多个学习时间。以下是我第一页的编码，<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"…
PHP stringID无法从回显中读入onclick - javascript我有一个音频播放器，可以在HTML中正常工作，但是当我从PHP回显调用时，似乎没有得到div ID的名称，因此它无法播放我的音频。这是我的代码：// Show audio if ($sObj->get('audio') != null) { $sAudio = $sObj->get('audio'); $a…
在php中单击按钮添加表行并设置字段值 - javascript我有一个表单，必须在单击按钮时添加表行。这是我必须动态添加的表行：（addProdToGroup.php）<tr style="text-align: center;" id="products"> <td><?php $j ?></td> <td><s…
如果复选框切换复选框已选中，则在切换div中输入必填字段 - javascript我使用脚本用JavaScript切换了一些div。如果要选中复选框以显示toogle div，我想在toogle div中设置一些“必填”输入字段。有人能弄清楚吗？那是工作吗？function show(id) { if(document.getElementById) { var mydiv = document.getElementById(id); m…
淘汰赛在金字塔中的行为不正确 - javascript我正在使用Pyramid构建一个Webapp，但是Knockout的行为有所不同。我有一个表格： <div data-bind="with: $root.itemToAdd" style="display: none;"> <form data-bind="submit: $root.add…