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>