我并不完美的Javascript ..我想显示在下一个输入框中输入的数值输入框中的总和,而不刷新页面。任何人都可以帮我弄清楚..?如何使用Javascript从输入框值中获取总和?
这里是JavaScript的
<script type="text/javascript">
var howmanytoadd = 2;
var rows;
function calc() {
var tot = 0;
for (var i = 0; i < rows.length; i++) {
var linetot = 0;
rows[i].getElementsByTagName('input')[howmanytoadd].value = linetot;
tot += linetot;
}
document.getElementById('total').value = tot
}
onload = function() {
rows = document.getElementById('tab').getElementById('qty1');
for (var i = 0; i < rows.length; i++) {
rows.getElementsByTagName('input')[i].onkeyup = calc;
}
}
</script>
这里是我的html代码:
Qty1 : <input type="text" name="qty1" id="qty"/><br>
Qty2 : <input type="text" name="qty2" id="qty"/><br>
Qty3 : <input type="text" name="qty3" id="qty"/><br>
Qty4 : <input type="text" name="qty4" id="qty"/><br>
Qty5 : <input type="text" name="qty5" id="qty"/><br>
Qty6 : <input type="text" name="qty6" id="qty"/><br>
Qty7 : <input type="text" name="qty7" id="qty"/><br>
Qty8 : <input type="text" name="qty8" id="qty"/><br>
<br><br>
Total : <input type="text" name="total" id="total"/>
这里是截屏
@SwapnilBhavsar把你的代码中的问题,而不是一个注释。 – xdazz
所以你知道,'HTML'中的'id'属性必须是唯一的,这意味着你不能在每个页面使用多个元素。 – Maroshii
ID必须是唯一的。为每个文本框使用不同的ID –