UC知道Javascript自动计算金额
来源：百度知道 编辑：UC知道 时间：2024/06/21 21:59:12
代码：
单价：<input name="a" type="text" id="a" onBlur="c.value=a.value*b.value"><br>
数量：
<input name="b" type="text" id="b" value="3" disabled><br>
总金额:<input name="c" type="text" id="c" disabled>
问题为：总金额是显示在文本框里的。能不能就是“总金额：15” 15放在文本框里很难看。
单价：<input name="a" type="text" id="a" onBlur="c.value=a.value*b.value"><br>
数量：
<input name="b" type="text" id="b" value="3" disabled><br>
总金额:<input name="c" type="text" id="c" disabled>
问题为：总金额是显示在文本框里的。能不能就是“总金额：15” 15放在文本框里很难看。
你看下面这样就可以：
单价：<input name="a" type="text" id="a" onBlur="c.innerHTML=a.value*b.value"><br>
数量：
<input name="b" type="text" id="b" value="3" disabled><br>
总金额:<span id="c"></span>
<html>
<head>
<title></title>
<script language="javascript">
function calculate(){
document.getElementById("c").value = document.getElementById("a").value*document.getElementById("b").value;
document.getElementById("d").innerHTML ="总金额：" + document.getElementById("c").value;
}
</script>
</head>
<body>
<p>单价：
<input name="a" type="text" id="a" onBlur="calculate()"><br>
数量：
&l