求助：数量相减问题

Question

右边文本框写个onChange事件 获取输入数字 再拿剩余数字减一下

Answer 1

中华（剩余<span id="remain">10</span>）<input type="text" onkeyup="cal(this);">
<script>
var remain = parseFloat(document.getElementById("remain").innerText);
function cal(f){
var val;
val = parseFloat(f.value);
if(isNaN(val)) val = 0;
document.getElementById("remain").innerText = remain - val;
}
</script>

Answer 2

红金龙(<span id='num'>10</span>)<input id='ee' type="text"  onkeyup="diff(this)" />
<script>
function $(Id){return document.getElementById(Id)}
function diff(obj){
if(obj.value==""){$('num').innerHTML='10';return}
if(/^\d*$/.test(obj.value))
{$('num').innerHTML=10-parseInt(obj.value)}
else
{$('num').innerHTML='10'}
}
</script>

Answer 3

红金龙(<span id='num'>10</span>)<input id='ee' type="text"  onkeyup="diff(this)" />
<script>
function $(Id){return document.getElementById(Id)}
function diff(obj){
if(obj.value==""){$('num').innerHTML='10';return}
if(/^\d*$/.test(obj.value))
{$('num').innerHTML=10-parseInt(obj.value)}
else
{$('num').innerHTML="10   <font color='#FF0000'>请输入数字</font>"}
}
</script>

Answer 4

感谢wtcsy的热心帮助，还想再请教下，如果有N个类似的的输入框，数量不确定，请问该怎么样写啊？如果输入的数字小于或等于0，或大于库存，要怎么办啊？谢谢啊 

Answer 5

红金龙<span>(剩余10)</span><input id='ee' type="text"  onkeyup="diff(this)" /><font color='#FF0000'></font>
<script>function diff(obj){
if(obj.value==""){
obj.previousSibling.innerHTML='(剩余10)';
obj.nextSibling .innerHTML='';
return;
}
if(/^\d*$/.test(obj.value))
{  
    if(obj.value<10)
{
obj.previousSibling.innerHTML='(剩余'+(10-parseInt(obj.value))+')';
obj.nextSibling .innerHTML='';
}
else
{
obj.nextSibling .innerHTML='数量不够';
}}
else
{
obj.previousSibling.innerHTML='(剩余10)';
obj.nextSibling .innerHTML ="请输入数字";
}
}
</script>

Answer 6

红金龙<span>(剩余10)</span><input id='ee' type="text"  onkeyup="diff(this)" /><font color='#FF0000'></font><br>
红金龙<span>(剩余10)</span><input id='ee' type="text"  onkeyup="diff(this)" /><font color='#FF0000'></font><br>
红金龙<span>(剩余10)</span><input id='ee' type="text"  onkeyup="diff(this)" /><font color='#FF0000'></font><br>
红金龙<span>(剩余10)</span><input id='ee' type="text"  onkeyup="diff(this)" /><font color='#FF0000'></font><br>
红金龙<span>(剩余10)</span><input id='ee' type="text"  onkeyup="diff(this)" /><font color='#FF0000'></font><br>
红金龙<span>(剩余10)</span><input id='ee' type="text"  onkeyup="diff(this)" /><font color='#FF0000'></font><br>
红金龙<span>(剩余10)</span><input id='ee' type="text"  onkeyup="diff(this)" /><font color='#FF0000'></font><br>
红金龙<span>(剩余10)</span><input id='ee' type="text"  onkeyup="diff(this)" /><font color='#FF0000'></font><br>
红金龙<span>(剩余10)</span><input id='ee' type="text"  onkeyup="diff(this)" /><font color='#FF0000'></font><br>
红金龙<span>(剩余10)</span><input id='ee' type="text"  onkeyup="diff(this)" /><font color='#FF0000'></font><br>
<script>function diff(obj){
if(obj.value==""){
obj.previousSibling.innerHTML='(剩余10)';
obj.nextSibling .innerHTML='';
return;
}
if(/^\d*$/.test(obj.value))
{  
    if(obj.value<10)
{
obj.previousSibling.innerHTML='(剩余'+(10-parseInt(obj.value))+')';
obj.nextSibling .innerHTML='';
}
else
{
obj.nextSibling .innerHTML='数量不够';
}}
else
{
obj.previousSibling.innerHTML='(剩余10)';
obj.nextSibling .innerHTML ="请输入数字";
}
}
</script>

Answer 7

楼上的JS不错哦，小小建议不要命名一样的id

Answer 8

太感谢wtcsy大虾了，再次感谢！