Javascript自动计算金额
代码：单价：<inputname="a"type="text"id="a"onBlur="c.value=a.value*b.value"><br>数量：<inputna...
代码：
单价：<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>
单价：<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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
TableDI
2024-07-18 广告
Excel一键自动匹配,在线免费vlookup工具,3步完成!Excel在线免费vlookup工具,点击15步自动完成vlookup匹配,无需手写公式,免费使用!...
点击进入详情页
本回答由TableDI提供
展开全部
<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>
数量：
<input name="b" type="text" id="b" value="3" disabled><br>
<input name="c" type="hidden" id="c" disabled>
</p>
<span id = "d"></span>
</body>
</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>
数量：
<input name="b" type="text" id="b" value="3" disabled><br>
<input name="c" type="hidden" id="c" disabled>
</p>
<span id = "d"></span>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
总金额:<input name="c" type="text" id="c" style="border: none" disabled>
给这个文本框加个样式：style="border: none" 也就是设它的边框为没有，这样就好看了
给这个文本框加个样式：style="border: none" 也就是设它的边框为没有，这样就好看了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一楼二楼三楼的方法都可以，这么简单啊！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
