js当月水电气简单计算器

221 阅读 0 评论 146 点赞

我是靠谱客的博主明亮大神，这篇文章主要介绍js当月水电气简单计算器，现在分享给大家，希望可以做个参考。

<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> 
<div id="main"> 
<ul> 
    <li></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"> </td> 
            <td id="a2" align="right"> </td> 
            <td id="a3" align="right"> </td> 
            <td id="a4" align="right"> </td> 
            <td id="a5" align="right"> </td> 
            <td id="a6" align="right"> </td> 
        </tr> 
        <tr> 
            <td align="center">电</td> 
            <td id="b1" align="right"> </td> 
            <td id="b2" align="right"> </td> 
            <td id="b3" align="right"> </td> 
            <td id="b4" align="right"> </td> 
            <td id="b5" align="right"> </td> 
            <td id="b6" align="right"> </td> 
        </tr> 
        <tr> 
            <td align="center">气</td> 
            <td id="c1" align="right"> </td> 
            <td id="c2" align="right"> </td> 
            <td id="c3" align="right"> </td> 
            <td id="c4" align="right"> </td> 
            <td id="c5" align="right"> </td> 
            <td id="c6" align="right"> </td> 
        </tr> 
        <tr> 
            <td align="left" colspan="6">合计(元)</td> 
            <td id="hj" align="right"> </td> 
        </tr> 
    </tbody> 
</table>

</div>

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