就是文本输入框的数值一改变,就调用函数计算的那个方法onchange和onblur我都用了 可是就是不计算也显示不出来,下面是代码<html>
<head>
<title>无标题文档</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function CountHamburger() {
var BeefBurgerPrice= 8;
var ChickenBurgerPrice = 5;
var NumBeefBurger = parseInt(document.getElementById("BeefBurger").value);
var NumChickenBurger = parseInt(document.getElementById("ChikenBurger").value);
if(isNaN(NumBeefBurger))
NumBeefBurger=0;
if (isNaN(NumChickenBurger))
NumChickenBurger = 0;
var SubTotal = NumBeefBurge * BeefBurgerPrice + NumChickenBurger * ChickenBurgerPrice;
var Tax = (NumBeefBurger + NumChickenBurger) * 0.05;
var Total = SubTotal + Tax;
document.getElementById("SubTotalTbx").value = SubTotal.toFixed(2) + "$";
document.getElementById("TaxTbx").value = Tax.toFixed(2)+"$";
document.getElementById("TotalTbx").value = Tota.toFixed(2)+"$";
}</script>
</head><body>
<div class="abaa
">Castior Just-in-Time Hamburgers</div>
<table style="width: 700; height: 241px;" align="center">
<tr>
<td class="PictureTalbe">
<img src="img/xiongmao.gif" width="80" height="80" " id="panda" /></td>
<td class="style1Text">
Customer Name</td>
<td class="styleiputText">
<input id="CtmNameTXbox" type="text" /></td>
<td class="style1Text">
SubTotal</td>
<td class="styleiputText">
<input id="SubTotalTbx" type="text" /></td>
</tr>
<tr>
<td rowspan="2" class="PictureTalbe">
<img src="img/hamburger.png" style="width: 180; height: 158px" /></td>
<td class="style1Text">
Beef Burgers</td>
<td class="styleiputText">
<input id="BeefBurger" type="text" onblur="CountHamburger();"/></td>
<td class="style1Text">
Tax</td>
<td class="styleiputText">
<input id="TaxTbx" type="text" /></td>
</tr>
<tr>
<td class="style1Text">
Chicken Burger</td>
<td class="styleiputText">
<input id="ChikenBurger" type="text" onblur="CountHamburger();" /></td>
<td class="style1Text">
Total</td>
<td class="styleiputText">
<input id="TotalTbx" type="text" /></td>
</tr>
</table>
</body></html>
<head>
<title>无标题文档</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function CountHamburger() {
var BeefBurgerPrice= 8;
var ChickenBurgerPrice = 5;
var NumBeefBurger = parseInt(document.getElementById("BeefBurger").value);
var NumChickenBurger = parseInt(document.getElementById("ChikenBurger").value);
if(isNaN(NumBeefBurger))
NumBeefBurger=0;
if (isNaN(NumChickenBurger))
NumChickenBurger = 0;
var SubTotal = NumBeefBurge * BeefBurgerPrice + NumChickenBurger * ChickenBurgerPrice;
var Tax = (NumBeefBurger + NumChickenBurger) * 0.05;
var Total = SubTotal + Tax;
document.getElementById("SubTotalTbx").value = SubTotal.toFixed(2) + "$";
document.getElementById("TaxTbx").value = Tax.toFixed(2)+"$";
document.getElementById("TotalTbx").value = Tota.toFixed(2)+"$";
}</script>
</head><body>
<div class="abaa
">Castior Just-in-Time Hamburgers</div>
<table style="width: 700; height: 241px;" align="center">
<tr>
<td class="PictureTalbe">
<img src="img/xiongmao.gif" width="80" height="80" " id="panda" /></td>
<td class="style1Text">
Customer Name</td>
<td class="styleiputText">
<input id="CtmNameTXbox" type="text" /></td>
<td class="style1Text">
SubTotal</td>
<td class="styleiputText">
<input id="SubTotalTbx" type="text" /></td>
</tr>
<tr>
<td rowspan="2" class="PictureTalbe">
<img src="img/hamburger.png" style="width: 180; height: 158px" /></td>
<td class="style1Text">
Beef Burgers</td>
<td class="styleiputText">
<input id="BeefBurger" type="text" onblur="CountHamburger();"/></td>
<td class="style1Text">
Tax</td>
<td class="styleiputText">
<input id="TaxTbx" type="text" /></td>
</tr>
<tr>
<td class="style1Text">
Chicken Burger</td>
<td class="styleiputText">
<input id="ChikenBurger" type="text" onblur="CountHamburger();" /></td>
<td class="style1Text">
Total</td>
<td class="styleiputText">
<input id="TotalTbx" type="text" /></td>
</tr>
</table>
</body></html>
解决方案 »
- jquery的问题
- 为什么我不能得到合计,谢谢大家.....................为什么我不能得到合计
- 请问下使用OnClick时如何获得被选中的参数值
- 关于alert的问题,挺急,请大家帮个忙
- 单选按钮怎么不显示id 而是undefined
- jquery自制分页,控制easyui datagrid分页
- 往数据库添加记录成功后,我想让页面弹出一个提示成功的对话框,然后再转到另外一个页面,怎么办?
- clientWidth,offsetWidth,PixelWidth都是什么意思????愿出1000分求最完整的HTML属性参考!!
- 在电子邮件中打开链接的问题
- 怎样用java脚本实现 asp中 request类似的作用?? 100相送!
- javascript中的window对象
- 全选或者取消。为啥这样写没效果呢?
加上就好了。
<head>
<title>theforever</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function CountHamburger() {
var BeefBurgerPrice= 8;
var ChickenBurgerPrice = 5;
var NumBeefBurger = parseInt(document.getElementById("BeefBurger").value);
var NumChickenBurger = parseInt(document.getElementById("ChikenBurger").value);
if(isNaN(NumBeefBurger)) NumBeefBurger=0;
if (isNaN(NumChickenBurger)) NumChickenBurger = 0;
var SubTotal = NumBeefBurger * BeefBurgerPrice + NumChickenBurger * ChickenBurgerPrice;
var Tax = (NumBeefBurger + NumChickenBurger) * 0.05;
var Total = SubTotal + Tax;
document.getElementById("SubTotalTbx").value = SubTotal.toFixed(2) + "$";
document.getElementById("TaxTbx").value = Tax.toFixed(2)+"$";
document.getElementById("TotalTbx").value = Total.toFixed(2)+"$";
}
</script>
</head>
<body>
<div>Castior Just-in-Time Hamburgers</div>
<table style="width: 700; height: 241px;" align="center">
<tr>
<td><img src="img/xiongmao.gif" width="80" height="80" " id="panda" /></td>
<td> Customer Name</td>
<td> <input id="CtmNameTXbox" type="text" onpropertychange="CountHamburger();" /></td>
<td> SubTotal</td>
<td> <input id="SubTotalTbx" type="text" /></td>
</tr>
<tr>
<td rowspan="2"> <img src="img/hamburger.png" style="width: 180; height: 158px" /></td>
<td> Beef Burgers</td>
<td><input id="BeefBurger" type="text" onpropertychange="CountHamburger();" /></td>
<td> Tax</td>
<td> <input id="TaxTbx" type="text" /></td>
</tr>
<tr>
<td> Chicken Burger</td>
<td> <input id="ChikenBurger" type="text" onpropertychange="CountHamburger();" /></td>
<td> Total</td>
<td> <input id="TotalTbx" type="text" /></td>
</tr>
</table>