js 乘法运算

JavaScript010

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" />

用onkeyup效果能好点吧 一下

---------------

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=GB18030">

<title>Insert title here</title>

</head>

<script type="text/javascript">

function account()

{

var a=document.all.a.value

var b=document.all.b.value

var c=a*b

document.all.c.value=c

}

</script>

<body>

单价:<input id="a" type="text" value="60">

数量:<input id="b" type="text" onkeyup="account()">

总和 <input id="c" type="text">

<input type="button" onclick="account()" value="计算">

</body>

</html>