js当月水电气简单计算器

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();}

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;
}
//数字型验证部分
// 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=96 && kc=112 && kc

  • writeyearmonth();
  • 水:起度 止度 单价 附加
  • 电:起度 止度 单价 附加
  • 气:起度 止度 单价 附加
  • 说明:输入各项后,在页面任意空白处点击鼠标,页面自动计算一次结果!
名称 起度(吨/度/方) 止度(吨/度/方) 数量(吨/度/方) 单价(元) 附加金额(元) 总金额(元)
           
           
           
writeyearmonth();合计(元)  

//计算输入结果到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;
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • 使用jsp调用javabean实现超简单网页计算器示例

    以下是代码: Calculator.java 复制代码 代码如下: package com.amos.model; import java.math.BigDecimal; /** * @ClassName: Calculator * @Description: 计算器 * @author: amosli * @email:amosli@infomorrow.com * @date Mar 20, 2014 1:04:59 AM  */ public class Calculator {    

  • js实现模拟计算器退格键删除文字效果的方法

    本文实例讲述了js实现模拟计算器退格键删除文字效果的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &

  • javascript计算当月剩余天数(天数计算器)示例代码

    代码如下: 复制代码 代码如下: <script language="JavaScript"> <!-- Beginvar today = new Date();var now = today.getDate();var year = today.getYear();if (year < 2000) year += 1900; // Y2K fixvar month = today.getMonth(); var monarr = new Array(31, 2

  • javascript-简单的计算器实现步骤分解(附图)

    知识点: 1.数学运算"+,-,*,/"的使用 2.输入内容的判断,对于事件对象的来源的判断 效果:   代码: 复制代码 代码如下: <style> #calculate { line-height: 60px; text-align: center; background: #ccc; font-size: 16px; font-weight: bold; } #calculate tbody input{ width: 100%; height: 60px; back

  • 简易js代码实现计算器操作

    复制代码 代码如下: <html> <head> <title>JS版计算器</title> <link rel="stylesheet" type="text/css" href=""> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <!--

  • 纯javascript代码实现计算器功能(三种方法)

    今天来分享一下用纯javascript代码编写的一个计算器程序,很多行业都能用到这个程序,例如做装修预算.贷款利率等等. 首先来看一下完成后的效果: 方法一: 具体编写代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&q

  • JS实现的加减乘除四则运算计算器示例

    本文实例讲述了JS实现超级简易的加减乘除四则运算计算器.分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>简单的计算器(www.jb51.net)</title> <style> body{ margin: 0; } .tab{ border: 3px solid

  • js网页版计算器的简单实现

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head> <meta http-equiv=&

  • html+js实现简单的计算器代码(加减乘除)

    html+js实现简单的计算器代码(加减乘除) <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <table> <tr> <td&

  • JSP实现计算器功能(网页版)

    jsp实现网页计算器代码如下:只有两个jsp页面 myCal.jsp如下: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getS

  • js的表单操作 简单计算器

    代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv

  • JavaScript计算器网页版实现代码分享

    JavaScript网页计算器代码,该计算器是用DW写的! HTML篇 <html <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>计算器</title> <link href="style/calculator.css" rel="stylesheet&qu

随机推荐