代码驿站移动版

频道导航

js当月水电气简单计算器

时间：2021-08-28 09:30:28 | 栏目：JavaScript代码 | 点击：次

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

您可能感兴趣的文章:

相关文章