JS-onkeyup（动态计算）

Question

一个很简单的table，一个单元格取一个数字，第二个单元格（只读）即时显示该数字的两倍。但是，有些东西不起作用。没有任何反应：

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>

Answer 1

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

现在，只要在文本框中输入数字，翻倍后的值就会显示出来。

如果您需要额外的功能，请具体一点。

希望对您有所帮助。

JS-onkeyup（动态计算）

JS - onkeyup (dynamic calculation)

onkeyup