HTML和JavaScript代码审查
HTML和JavaScript代码审查
提问于 2014-12-04 22:58:25
--请看看我的代码--当函数total_Cost()被调用时，我没有得到结果；我不明白为什么会发生这种情况。
function total_Cost()
{
var x = document.getElemenById('1');
var y = document.getElemenById('2');
var z = document.getElemenById('3');
var s = document.getElemenById('cost');
s.value = (x.value * 3.49) + (y.value * 3.60) + (z.value * 4.49);
}<body>
<h2>Coffee Order Form</h2>
<form method='get'>
<table border="1" cellpadding='0px' cellspacing='0px'>
<tr><th>Product Name </th><th>Price</th><th>Quantity</th></tr>
<tr><td>French Vanilla (1 lb)</td><td>$3.49</td><td><input type = "text" size='5'id='1' value=''></td></tr>
<tr><td>Hazelnut Cream (1 lb)</td><td>$3.60</td><td><input type = "text" size='5'id='2' value=''></td></tr>
<tr><td align='centre'>Colombian (1 lb)</td><td>$4.49</td><td><input type = "text" size='5' id='3' value=''></td></tr>
</table>
<br>
<input type='button' Value='Total Cost' id='total' onclick='return total_Cost();'> <input type = "text" size='10' id='cost' value=''>
<br>
<br>
<input type='submit' Value='Submit Order'> <input type='submit' Value='Clear Order Form'>
</form>
</body>
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-12-04 23:10:48
<script>
function total_Cost()
{
var x=document.getElementById('1');
var y=document.getElementById('2');
var z=document.getElementById('3');
var s=document.getElementById('cost');
s.value=(x.value * 3.49) +(y.value * 3.60) + (z.value * 4.49);
}
</script>你忘了t的元素。
Stack Overflow用户
发布于 2014-12-04 23:12:24
除了一些拼写错误之外，主要的问题是您不需要从onclick函数返回。
但是，在本例中，我建议您使用事件侦听器来避免混淆。
function total_Cost() {
var x = document.getElementById('1');
var y = document.getElementById('2');
var z = document.getElementById('3');
var s = document.getElementById('cost');
s.value = (x.value * 3.49) + (y.value * 3.60) + (z.value * 4.49);
}<body>
<h2>Coffee Order Form</h2>
<form method='get'>
<table border="1" cellpadding='0px' cellspacing='0px'>
<tr><th>Product Name </th><th>Price</th><th>Quantity</th></tr>
<tr><td>French Vanilla (1 lb)</td><td>$3.49</td><td><input type = "text" size='5'id='1' value=''></td></tr>
<tr><td>Hazelnut Cream (1 lb)</td><td>$3.60</td><td><input type = "text" size='5'id='2' value=''></td></tr>
<tr><td align='centre'>Colombian (1 lb)</td><td>$4.49</td><td><input type = "text" size='5' id='3' value=''></td></tr>
</table>
<br>
<input type='button' Value='Total Cost' id='total' onclick='total_Cost();'> <input type = "text" size='10' id='cost' value=''>
<br>
<br>
<input type='submit' Value='Submit Order'> <input type='submit' Value='Clear Order Form'>
</form>
</body>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27305786
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号