jQuery | Wizzer's Blog

使用地址：http://www.alplaza.cn/jsq/jsq.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <title>收房费用计算器 - 交房验房 - 安粮城市广场业主论坛</title>
    <script tyoe="text/javascript" src="jquery-1.8.0.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            var t;
            $("#bt").click(function() {
                js();
            });
            $("#mj").keyup(function() {
                ze();
            });
            $("#dj").keyup(function() {
                ze();
            }); 
            $("#mj").click(function() {
                t = $(this).val();
                $(this).val("");
            });
            $("#dj").click(function() {
                t = $(this).val();
                $(this).val("");
            });
            $("#fj").click(function() {
                t = $(this).val();
                $(this).val("");
            });
            $("#mj").blur(function() {
                if ($(this).val() == "")
                    $(this).val(t);
            });
            $("#dj").blur(function() {
                if ($(this).val() == "")
                    $(this).val(t);
            });
            $("#fj").blur(function() {
                if ($(this).val() == "")
                    $(this).val(t);
            });
            for (var i = 1; i <= 10; i++) {
                $("#f0" + i).keyup(function() {
                    hj();
                });
                $("#f0" + i).click(function() {
                    t = $(this).val();
                    $(this).val("");
                });
                $("#f0" + i).blur(function() {
                    if ($(this).val() == "")
                        $(this).val(t);
                });
            }
        });
        function lk() {

        }
        function js() {
            var st = $("#st").attr("checked");
            var mj = parseFloat($("#mj").val());
            var fl = 0.02;
            if (st && mj < 90) {
                $("#qs").html("1%");
                fl = 0.01;
            } else if (st && mj >= 90 && mj < 144) {
                $("#qs").html("2%");
                fl = 0.02;
            } else {
                $("#qs").html("4%");
                fl = 0.04;
            }
            $("#f01").val(parseFloat($("#fj").val()) * fl);
            $("#f02").val("5.00");
            $("#f03").val(parseFloat($("#fj").val()) * 0.02);
            $("#f04").val("80.00");
            $("#f05").val("5.00");
            $("#f06").val("4.00");
            $("#f07").val(parseFloat($("#fj").val()) * 0.0005);
            $("#f08").val("0");
            $("#f09").val(parseFloat($("#mj").val()) * 1.44 * 6);
            $("#f010").val(parseFloat($("#fj").val()) * 0.0001 * -14);
            hj();

        }
        function hj() {
            var sum = 0.0;
            for (var i = 1; i <= 10; i++) {
                sum += parseFloat($("#f0" + i).val());
            }

            $("#hj").val(sum);
        }
        function ze() {
            var sum = 0.0;
            sum = parseFloat($("#mj").val()) * parseFloat($("#dj").val());
            $("#fj").val(sum);
        }
    </script>
</head>
<body>
<div>
    <div>住房面积:<input id="mj" value="0" size="5"/>㎡
        单价:<input id="dj" value="0" size="5"/>元
        总房款:<input id="fj" value="0" size="8"/>元 首套房:<input id="st" type="checkbox"> <input
                type="button" id="bt" value=" 计 算 "></div>
    <div style="height:10px"></div>
    <div>
        <table width="300" cellpadding="1" border="0" cellspacing="5">
            <tr>
                <td width="220">税费种类</td>
                <td align="right" width="50">税率</td>
                <td align="right" width="80">金额</td>
            </tr>
            <tr>
                <td><strong>契税</strong></td>
                <td align="right">
                    <div id="qs"></div>
                </td>
                <td align="right"><input id="f01" size="5" type="text" value="0"/></td>
            </tr>
            <tr>
                <td>买卖合同印刷税</td>
                <td align="right"></td>
                <td align="right"><input id="f02" size="5" type="text" value="5.00"/></td>
            </tr>
            <tr>
                <td><strong>公共维修基金</strong></td>
                <td align="right">2%</td>
                <td align="right"><input id="f03" size="5" type="text" value="0"/></td>
            </tr>
            <tr>
                <td>房屋所有权登记费</td>
                <td align="right"></td>
                <td align="right"><input id="f04" size="5" type="text" value="80.00"/></td>
            </tr>
            <tr>
                <td>房屋所有权印花贴</td>
                <td align="right"></td>
                <td align="right" id="yh"><input id="f05" size="5" type="text" value="5.00"/></td>
            </tr>
            <tr>
                <td>税权证工本费</td>
                <td align="right"></td>
                <td align="right"><input id="f06" size="5" type="text" value="4.00"/></td>
            </tr>
            <tr>
                <td>印花税</td>
                <td align="right">0.05%</td>
                <td align="right"><input id="f07" size="5" type="text" value="0"/></td>
            </tr>
            <tr>
                <td>有线电视开通费</td>
                <td align="right">360</td>
                <td align="right"><input id="f08" size="5" type="text" value="0"/></td>
            </tr>
            <tr>
                <td>物业费(半年)</td>
                <td align="right">1.44</td>
                <td align="right"><input id="f09" size="5" type="text" value="0"/></td>
            </tr>
            <tr>
                <td>逾期交房(14天)</td>
                <td align="right">0.01%</td>
                <td align="right"><input id="f010" size="5" type="text" value="0"/></td>
            </tr>
            <tr>
                <td colspan="3">
                    <hr>
                </td>
            </tr>
            <tr>
                <td>合 计：</td>
                <td align="right"></td>
                <td align="right"><input id="hj" size="10" type="text" value=""/></td>
            </tr>
        </table>
    </div>
    <div>仅做参考！
        <script type="text/javascript">
            var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
            document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Ff60828d0b1ab0acb57c4bbec23edd765' type='text/javascript'%3E%3C/script%3E"));
        </script>
    </div>
</div>
</body>
</html>
Wizzer's Blog

收房费用计算器源码

最新文章

最新评论

文章分类

文章归档
