js 乘法运算

JavaScript014

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就会出现÷)