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阻止事件冒泡和浏览器的默认行为
本篇文章主要介绍了javascript阻止事件冒泡和浏览器的默认行为。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
a标签调用js的方法总结
在本篇文章中小编给大家整理了一篇关于a标签调用js的几种方法的相关内容，有此需要的朋友们可以参考下。
2019-09-09
Bootstrap基本插件学习笔记之轮播幻灯片(23)
这篇文章主要为大家详细介绍了Bootstrap基本插件学习笔记之轮播幻灯片的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
小程序兼容安卓和IOS数据处理问题及坑
这篇文章主要介绍了小程序兼容安卓和IOS数据处理问题及坑，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
Javascript浮点数乘积运算出现多位小数的解决方法
这篇文章主要介绍了Javascript浮点数乘积运算出现多位小数的解决方法,需要的朋友可以参考下
2014-02-02
JS实现访问DOM对象指定节点的方法示例
这篇文章主要介绍了JS实现访问DOM对象指定节点的方法,结合实例形式分析了javascript针对DOM元素节点属性相关操作技巧,需要的朋友可以参考下
2018-04-04
js 判断当前时间是否处于某个一个时间段内
这篇文章主要介绍了js 判断当前时间是否处于某个一个时间段内,使用 jutils - JavaScript常用函数库的 isDuringDate 函数来实现，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-09-09
javascript实现根据3原色制作颜色选择器的方法
这篇文章主要介绍了javascript实现根据3原色制作颜色选择器的方法,涉及javascript操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-07-07
跨浏览器开发经验总结（三）警惕“IE依赖综合症”
跨浏览器开发经验总结（三）警惕“IE依赖综合症”
2010-05-05
原生js更改css样式的两种方式
本文主要介绍了原生js更改css样式的两种方式，具有很好的参考价值，下面跟着小编一起来看下吧
2017-03-03

最新评论