在输入新值时如何自动更改输出？ [英] How to change output automatically when entering new value into input ?
本文介绍了在输入新值时如何自动更改输出？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
您好。我有这个代码，它部分工作。例如，当输入值为1时，输出必须显示DO，当它为10时，必须显示DO not。当我改变输入的值时，我的输出不会改变。只有在取消选中其中一个复选框后，它才会显示正确的字符串。如何使其自动更改输出。谢谢，任何帮助表示赞赏。
我尝试过：
< body >
年龄：< 输入 类型 = number id = < span class =code-keyword> input class = no-spinners 自动填充 = off > ;
< div id = inside >
< input type = 复选框 id = a autocomplete = off >
< input type = 复选框 id = b autocomplete = off >
< 输入 类型 = 复选框 id = c autocomplete = off >
< 输入 类型 = 复选框 id = d autocomplete = off >
< 输入 type = 复选框 id = e autocomplete = off >
< / div >
< span id = < span class =code-keyword> output > < / span >
< / div >
< / body >
var a = document .getElementById（' a'）;
var b = document .getElementById（' b'）;
var c = document .getElementById（' c'）;
var d = document .getElementById（' d'）;
var e = document .getElementById（' e'）;
function checkValue（）{
var number = parseFloat （ document .getElementById（' 输入）值）。
如果（a.checked&& number< 2 ） { document .getElementById（' output' ）.innerHTML = ' DO';
}
其他 如果（a.checked&& b.checked && number> = 2 && number< = 6 ）{
document .getElementById（' output'）。innerHTML = ' DO';
}
其他 如果（a.checked&& b.checked && c.checked&& number> = 6 && number< = 12 ）{
document .getElementById（' 输出'）。innerHTML = ' DO';
}
其他 如果（（b.checked&& c。选中&& number> = 13 ）&&（d.checked || e.checked））{
document .getElementById（' output'）。innerHTML = ' DO';
} else {
document .getElementById（' output'）。innerHTML = ' 不要';
}
}
document .getElementById（'' 在'内）.addEventListener（' change'，checkValue）;
解决方案
只要按下一个键，这将调用checkValue（）
< input type =numberid =inputclass =no-spinnersautocomplete =offonkeyup =checkValue（）>
Hi. I have this code and It works partially. For example, when input value is 1 the output has to show "DO", when it is 10 it has to show "DO not". When I change value of the input my output doesn't change. Only after unchecking one of the checkboxes it shows correct string. How can I make it to change the output automatically. Thanks , any help is appreciated.
What I have tried:
<body>
Age: <input type="number" id="input" class="no-spinners" autocomplete="off">
<div id="inside">
<input type="checkbox" id="a" autocomplete="off">
<input type="checkbox" id="b" autocomplete="off">
<input type="checkbox" id="c" autocomplete="off">
<input type="checkbox" id="d" autocomplete="off">
<input type="checkbox" id="e" autocomplete="off">
</div>
<span id="output"></span>
</div>
</body>
var a = document.getElementById('a');
var b = document.getElementById('b');
var c = document.getElementById('c');
var d = document.getElementById('d');
var e = document.getElementById('e');
function checkValue() {
var number = parseFloat(document.getElementById('input').value);
if (a.checked && number < 2) { document.getElementById('output').innerHTML = 'DO';
}
else if (a.checked && b.checked && number >= 2 && number <= 6) {
document.getElementById('output').innerHTML = 'DO';
}
else if (a.checked && b.checked && c.checked && number >= 6 && number <= 12) {
document.getElementById('output').innerHTML = 'DO';
}
else if ((b.checked && c.checked && number >= 13) && (d.checked || e.checked)) {
document.getElementById('output').innerHTML = 'DO';
} else {
document.getElementById('output').innerHTML = 'DO not';
}
}
document.getElementById('inside').addEventListener('change', checkValue); 解决方案
This will call checkValue() whenever a key is pressed
<input type="number" id="input" class="no-spinners" autocomplete="off" onkeyup="checkValue()">
这篇关于在输入新值时如何自动更改输出？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
