JS - onkeyup(动态计算)

时间:2017-08-08 23:12:21

标签: onkeyup

一个非常简单的表,一个单元格取一个数字,第二个单元格(只读)  即时显示该数字的两倍。但是,有些东西不起作用。什么都没发生:

HTML:

<td><input type="text" id="qantity" name="qantity" onkeyup="getValues()" 
class="number" value="" autofocus placeholder="0" 
onfocus="this.placeholder = ''" 
onblur="this.placeholder = '0'" 
onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
</input></td>
<td id="total" name="total" class="right">0.00</td>

JS:

<script>
function getValues(){
var var_qantity = Number(document.getElementById("qantity").value);
var var_total = var_qantity * 2;
document.getElementById("total").value = var_total;
}
</script>

1 个答案:

答案 0 :(得分:0)

替换 document.getElementById("priceOriginal").value = var_total;document.getElementById("total").innerHTML = var_total;

现在,只要在文本框中输入数字,就会看到doubled值。

如果您需要其他功能,请稍微具体一点。

希望这有帮助。