js 乘法运算

JavaScript024

js 乘法运算,第1张

<script type="text/javascript">

function G(e){return document.getElementById(e)}

</script>

单价：<input type="text" id="p" name="price" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')" />

数量：<input type="text" id="c" name="count" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')G('total').value=G('c').value*G('p').value" />

金额：<input type="text" id="total" name="total" />

注意：input元素 以及HTML 任何元素的 ID 都是唯一的，也就是说 你还想增加行这样的效果

那么请在 id 和 name 属性中 后面加不同的后缀来保证ID 和 name 的唯一性，另外还要改动 一点JS

下面是两条的情况 ，你注意看规律，自己看明白：

<script type="text/javascript">

function G(e){return document.getElementById(e)}

</script>

单价：<input type="text" id="p" name="price" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')" />

数量：<input type="text" id="c" name="count" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')G('total').value=G('c').value*G('p').value" />

金额：<input type="text" id="total" name="total" /><br>

单价：<input type="text" id="p1" name="price1" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')" />

数量：<input type="text" id="c1" name="count1" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')G('total1').value=G('c1').value*G('p1').value" />

金额：<input type="text" id="total1" name="total1" />

你这里用的是大写字母X啊：1X1=

如果想再好看点可以用全角字符中的×：1×1=

多数输入法都有“软键盘”这个功能，里面找“数学符号”，就有这个乘以号的

有些输入法也可以直接打出来，比如QQ拼音输入法，输入chengyi，就会出现这个×的（同理，输入chuyi就会出现÷）