js当月水电气简单计算器

更新时间：2008年04月28日 20:23:42 作者：

一个可以计算当月水电气多少钱的计算器说明:输入各项后,在页面任意空白处点击鼠标,页面自动计算一次结果!，每项都必须填写，填0也可以

<script>function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style type="text/css"> body{     font-size:12px;     text-align: center; } td{font-size:12px; } .outtab {     border-top-width: 1px;     border-right-width: 1px;     border-bottom-width: 1px;     border-left-width: 1px;     border-top-style: solid;     border-right-style: solid;     border-bottom-style: solid;     border-left-style: solid;     border-top-color: #CCCCCC;     border-right-color: #CCCCCC;     border-bottom-color: #CCCCCC;     border-left-color: #CCCCCC; } #main {     border: 1px solid #CCCCCC;     width:600px;     height:200px;     text-align: left;     padding: 10px; }</style><script> //数字型验证部分 // JavaScript Document //控制输入的形式为数值 function CheckNum(thetxtNum) { var _value = thetxtNum.value; var kc=window.event.keyCode; if(kc==110 || kc==190)//如果是. { if(_value.length==0)//第一个不允许输入。 {    alert("不能以小数点开头！");    window.event.returnValue = false;    return; } if(_value.indexOf(".")>=0)//如果已经存在. {    //window.event.keyCode=8;    alert("不能再次输入小数点！");    window.event.returnValue = false;    return; } } //alert(kc); if( (kc>=48 && kc<=57) || (kc>=96 && kc<=105) || kc==110 || kc==190)//如果是数字 或 . { window.event.returnValue = true; return; } else if(kc==8)//如果是退格 { thetxtNum.select(); thetxtNum.value=""; thetxtNum.focus(); window.event.returnValue = false; return; } else if(kc==13)      {          window.event.keyCode=9;          window.event.returnValue = true;          return;      } else if(kc==9 || kc==45 || kc==46 || kc==16 || kc==17 || kc==18 || kc==20 || (kc>=112 && kc<=123))      {          window.event.returnValue = true;          return;      } else { //window.event.keyCode=8; alert("请输入数字！"); thetxtNum.value=0; window.event.returnValue = false; return; } } //保留小数点后一位 function Transfer(thetxtNum) { var _value= parseFloat(thetxtNum.value); if(isNaN(_value))      {          return;      } thetxtNum.value = _value.toFixed(2); } ////数字型验证部分-----end //输入日期年月 function writeyearmonth() { var myDate = new Date(); myDate.getFullYear();    //获取完整的年份(4位,1970-????) myDate.getMonth();  var rqstr=""; rqstr=myDate.getFullYear() +"年"+myDate.getMonth() +"月"; document.write (rqstr); }  </script> <div id="main"> <ul>     <li><script>writeyearmonth();</script></li>     <li>水:起度 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="s1" /> 止度 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="s2" /> 单价 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="s3" /> 附加 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="s4" /> </li>     <li>电:起度 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="d1" /> 止度 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="d2" /> 单价 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="d3" /> 附加 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="d4" /> </li>     <li>气:起度 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="q1" /> 止度 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="q2" /> 单价 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="q3" /> 附加 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="q4" /> </li>     <li>说明:输入各项后,在页面任意空白处点击鼠标,页面自动计算一次结果! </li> </ul> <table cellspacing="0" bordercolordark="#ffffff" cellpadding="0" width="646" align="left" bordercolorlight="#000000" border="1">     <tbody>         <tr>             <td align="center" width="90">名称</td>             <td align="center" width="90">起度(吨/度/方)</td>             <td align="center" width="90">止度(吨/度/方)</td>             <td align="center" width="90">数量(吨/度/方)</td>             <td align="center" width="90">单价(元)</td>             <td align="center" width="90">附加金额(元)</td>             <td align="center" width="90">总金额(元)</td>         </tr>         <tr>             <td align="center">水</td>             <td id="a1" align="right">&nbsp;</td>             <td id="a2" align="right">&nbsp;</td>             <td id="a3" align="right">&nbsp;</td>             <td id="a4" align="right">&nbsp;</td>             <td id="a5" align="right">&nbsp;</td>             <td id="a6" align="right">&nbsp;</td>         </tr>         <tr>             <td align="center">电</td>             <td id="b1" align="right">&nbsp;</td>             <td id="b2" align="right">&nbsp;</td>             <td id="b3" align="right">&nbsp;</td>             <td id="b4" align="right">&nbsp;</td>             <td id="b5" align="right">&nbsp;</td>             <td id="b6" align="right">&nbsp;</td>         </tr>         <tr>             <td align="center">气</td>             <td id="c1" align="right">&nbsp;</td>             <td id="c2" align="right">&nbsp;</td>             <td id="c3" align="right">&nbsp;</td>             <td id="c4" align="right">&nbsp;</td>             <td id="c5" align="right">&nbsp;</td>             <td id="c6" align="right">&nbsp;</td>         </tr>         <tr>             <td align="left" colspan="6"><script>writeyearmonth();</script>合计(元)</td>             <td id="hj" align="right">&nbsp;</td>         </tr>     </tbody> </table> </div> <script> //计算输入结果到TD function dosum() { var sum1,sum2,sum3,sum4; var sl1,sl2,sl3; sum1=0;sum2=0;sum3=0;sum4=0; sl1=0;sl2=0;sl3=0; var s1,s2,s3,s4,d1,d2,d3,d4,q1,q2,q3,q4; s1=parseFloat(document.all.s1.value);//取值 s2=parseFloat(document.all.s2.value); s3=parseFloat(document.all.s3.value); s4=parseFloat(document.all.s4.value); d1=parseFloat(document.all.d1.value); d2=parseFloat(document.all.d2.value); d3=parseFloat(document.all.d3.value); d4=parseFloat(document.all.d4.value); q1=parseFloat(document.all.q1.value); q2=parseFloat(document.all.q2.value); q3=parseFloat(document.all.q3.value); q4=parseFloat(document.all.q4.value); sl1=(s2-s1);//数量 sl2=(d2-d1); sl3=(q2-q1); sum1=sl1*s3+s4;//金额 sum2=sl2*d3+d4; sum3=sl3*q3+q4; sum4=sum1+sum2+sum3; //输入出对应TD document.all.a1.innerHTML=s1; document.all.a2.innerHTML=s2; document.all.a3.innerHTML=sl1; document.all.a4.innerHTML=s3; document.all.a5.innerHTML=s4; document.all.a6.innerHTML=sum1; document.all.b1.innerHTML=d1; document.all.b2.innerHTML=d2; document.all.b3.innerHTML=sl2; document.all.b4.innerHTML=d3; document.all.b5.innerHTML=d4; document.all.b6.innerHTML=sum2; document.all.c1.innerHTML=q1; document.all.c2.innerHTML=q2; document.all.c3.innerHTML=sl3; document.all.c4.innerHTML=q3; document.all.c5.innerHTML=q4; document.all.c6.innerHTML=sum3; document.all.hj.innerHTML=sum4; } </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

javascript遇到html5的一些表单属性
这篇文章主要介绍了javascript遇到html5的一些表单属性的相关资料,需要的朋友可以参考下
2015-07-07
ECharts柱状排名图柱子上方显示文字与图标代码实例
我们在绘制柱状图时如果想要柱条上显示文字,可以参考本文,这篇文章主要给大家介绍了关于ECharts柱状排名图柱子上方显示文字与图标的相关资料,需要的朋友可以参考下
2023-11-11
轻松掌握JavaScript状态模式
这篇文章主要帮助大家轻松掌握JavaScript状态模式,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
取得一定长度的内容，处理中文
取得一定长度的内容，处理中文...
2006-12-12
jstree单选功能的实现方法
这篇文章主要介绍了 jstree单选功能的实现方法,需要的朋友可以参考下
2017-06-06
JS数组reduce你不得不知道的25个高级用法
reduce作为ES5新增的常规数组方法之一,对比forEach 、filter和map,在实际使用上好像有些被忽略，下面这篇文章主要给大家介绍了关于JS数组reduce你不得不知道的25个高级用法，需要的朋友可以参考下
2021-06-06
TypeScript装饰器与反射元数据实例详解
TypeScript的装饰器为我们提供了一种强大的工具,可以在运行时改变类的行为,通过理解装饰器的工作原理,我们可以创造更加强大、灵活且易于维护的应用,这篇文章主要介绍了TypeScript装饰器与反射元数据,需要的朋友可以参考下
2023-09-09
Canvas中绘制Geojson数据示例详解
这篇文章主要为大家介绍了Canvas中绘制Geojson数据示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-11-11
清除网页历史记录，屏蔽后退按钮!
浏览器的后退按钮使得我们能够方便地返回以前访问过的页面，它无疑非常有用。但有时候我们不得不关闭这个功能，以防止用户打乱预定的页面访问次序。
2008-12-12
js词法作用域与this实例详解
作用域值一个变量的作用饿范围,下面这篇文章主要给大家介绍了关于js词法作用域与this的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-09-09

最新评论