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需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

js在数组中删除重复的元素自保留一个(两种实现思路)
遍历要删除的数组arr, 把元素分别放入另一个数组tmp中，在判断该元素在arr中不存在才允许放入tmp中，具体实现如下，需要的朋友可以看看
2014-08-08
JS组件系列之使用HTML标签的data属性初始化JS组件
这篇文章主要介绍了JS组件系列之使用HTML标签的data属性初始化JS组件,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
js获取IFRAME当前的URL的方法
在用iframe的时候都会做分页操作 iframe内部的url跳转将不能直接通过iframe的src属性来获得，下面与大家分享下iframe的当前url的获取方法
2013-11-11
js实现日期显示的一些操作(实例讲解)
下面小编就为大家带来一篇js实现日期显示的一些操作(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
微信小程序使用uni-app开发小程序及部分功能实现详解
uni-app是一个使用Vue.js 开发所有前端应用的框架,下面这篇文章主要给大家介绍了关于微信小程序使用uni-app开发小程序及部分功能实现的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-08-08
JavaScript实现全选取消效果
这篇文章主要为大家详细介绍了JavaScript实现全选取消效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-12-12
JavaScript的设计模式经典之代理模式
代理模式的定义是把对一个对象的访问, 交给另一个代理对象来操作。接下来通过本文给大家介绍JavaScript的设计模式之代理模式，感兴趣的朋友一起学习吧
2016-02-02
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索，与解决方案！
其实这个问题，已经困扰我很近。就是切换浏览器标签之后，再等几十秒的时间切换回来setInterval就乱了阵，过一会又正常了！IE浏览器就没有这种奇怪的现象！
2011-10-10
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
说文字溢出，如何实现溢出的文字放入一个新生成的div中，原理就是判断是否能在div里放下，如果不能，则在应该断开的地方，差入到新的div中
2013-05-05
关于Javascript模块化和命名空间管理的问题说明
最近闲下来的时候，稍微想了想这个问题。关于Javascript模块化和命名空间管理
2010-12-12

最新评论