收入支出表

于 2020-12-21 10:49:21 发布
阅读量260 收藏 1
点赞数 1
分类专栏： 笔记 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_46536449/article/details/111469082
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收入支出表</title>
    <link rel="stylesheet" href="../css/reset.css">
<a href="主页面.html"">回到主页面</a>
    <script>
        function sum_proportion(n,k,m,l) {
            var summary = 0;
            var ss1 = document.getElementsByName(n);
            var ss2 = document.getElementsByName(k);

            for (var i = 0; i < ss1.length; i++) {
                summary = summary + Number(ss1[i].value);
            }
            for(var j = 0; j < ss2.length; j++)
            {
                ss2[j].value = (Number(ss1[j].value)/summary)*100+"%";
            }

            var f = document.getElementById(m);
            f.value = summary;
            var ff = document.getElementById(l);
            ff.value = '100%';
        }
        function jieyu(n,k,m) {
            var summary = 0;
            var ss1 = document.getElementsByName(n);
            var ss2 = document.getElementsByName(k);

            summary = Number(ss1[0].value) - Number(ss2[0].value);

            var f = document.getElementsByName(m);
            f[0].value = summary;
        }
    </script>
</head>
<body>
<table border="1">
    <caption style="font-family:verdana;background-color:#C0C0C0"><font size="6">收入支出表 </font>
 &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp<a>先生/女士家庭</a>
&nbsp &nbsp &nbsp &nbsp日期
    </caption>
    <div class="收入">
        <tr>
            <th align="left" bgcolor="#FF9933">一，收入</th>
            <td align="left" bgcolor="#FF9933"></td>
            <td align="left" bgcolor="#FF9933"></td>
            <th align="left" bgcolor="#FF9933">金额</th>
            <th align="left" bgcolor="#FF9933">占收入比</th>
            <th align="left" bgcolor="#FF9933">备注</th>
        </tr>
        <tr>
            <th align="left" rowspan="4">工资和薪金</th>
        </tr>
        <tr>
            <td align="left">姓名</td>
            <td align="left"><input type="text" name=""></td>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left">姓名</td>
            <td align="left"><input type="text" name=""></td>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left">姓名</td>
            <td align="left"><input type="text" name=""></td>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">自雇收入（工资外收入）</td>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">奖金和佣金</td>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">养老金和年金</td>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <th align="left" rowspan="4">投资收入</th>
            <th align="left" rowspan="4" colspan="2">利息和分红资本利得租金收入其他</th>
        </tr>
        <tr>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
    </div>
    <div class="总收入">
        <tr>
            <th align="left" bgcolor="#FF6600" colspan="3">总收入</th>
            <td align="left"><input type="text" name="demos1" id="demos1"></td>
            <td align="left"><input type="text" name="demos1" id="demos2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
    </div>
    <div class="支出">
        <tr>
            <th align="left" bgcolor="#C0C0C0">二，支出</th>
            <td align="left" bgcolor="#C0C0C0"></td>
            <td align="left" bgcolor="#C0C0C0"></td>
            <th align="left" bgcolor="#C0C0C0">金额</th>
            <th align="left" bgcolor="#C0C0C0">占支出比</th>
            <th align="left" bgcolor="#C0C0C0"></th>
        </tr>
        <tr>
            <th align="left" rowspan="3">住房</th>
        </tr>
        <tr>
            <td align="left" colspan="2">租金维护和装修</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">房贷</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <th align="left" rowspan="4">家电，家具大件消费</th>
        </tr>
        <tr>
            <td align="left" colspan="2">贷款支付</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">保险费</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">过路停车费</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <th align="left" rowspan="7">日常生活开支</th>
        </tr>
        <tr>
            <td align="left" colspan="2">水电暖</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">通讯</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">交通</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">日常生活用品</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">外出就餐</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">其他</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">购买衣物支出</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">个人护理支出</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">休闲娱乐</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">商业保险费用</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">医疗费用</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">其他项目</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
    </div>
    <div class="总支出">
        <tr>
            <td align="left" bgcolor="#FFFF00" colspan="3">总支出</td>
            <td align="left"><input type="text" name="demoz1" id="demoz1"></td>
            <td align="left"><input type="text" name="demoz1" id="demoz2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
    </div>
    <div class="现金结余">
        <tr>
            <td align="left" bgcolor="#bbffaa" colspan="3">现金结余（收入-支出）</td>
            <td align="left"><input type="text" name="demox1"></td>
            <td align="left"><input type="text" name="demox2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
    </div>
    <div class="比率指标">
        <tr>
            <td align="left" colspan="3" bgcolor="#C0C0C0">比率指标</td>
            <td align="left" bgcolor="#C0C0C0">比率值</td>
            <td align="left" bgcolor="#C0C0C0">公式</td>
            <td align="left" bgcolor="#C0C0C0">参考范围</td>
        </tr>
        <tr>
            <td align="left" colspan="3">结余比率</td>
            <td align="left"><input type="text" name="b1"></td>
            <td align="left">结余/税后收入</td>
            <td align="left">0.3</td>
        </tr>
        <tr>
            <td align="left" colspan="3">投资与净资产比率</td>
            <td align="left"><input type="text" name="b1"></td>
            <td align="left">投资资产/总资产</td>
            <td align="left">0.2</td>
        </tr>
        <tr>
            <td align="left" colspan="3">清偿比率</td>
            <td align="left"><input type="text" name="b1"></td>
            <td align="left">净资产/总资产</td>
            <td align="left">0.6-0.7</td>
        </tr>
        <tr>
            <td align="left" colspan="3">负债比率</td>
            <td align="left"><input type="text" name="b1"></td>
            <td align="left">负债总额/总资产</td>
            <td align="left">0.0-0.4</td>
        </tr>
        <tr>
            <td align="left" colspan="3">财务负担比率</td>
            <td align="left"><input type="text" name="b1"></td>
            <td align="left">债务支出/税后收入</td>
            <td align="left">0.4</td>
        </tr>
        <tr>
            <td align="left" colspan="3">流动性比率</td>
            <td align="left"><input type="text" name="b1"></td>
            <td align="left">流动性资产/月收入</td>
            <td align="left">3</td>
        </tr>
    </div>
    <div class="aside">
        <input type="button" onclick="sum_proportion('s1','s2','demos1','demos2')" value="总收入">
        <input type="button" onclick="sum_proportion('z1','z2','demoz1','demoz2')" value="总支出">
        <input type="button" onclick="jieyu('demos1','demoz1','demox1')" value="现金结余">
</div>
</table>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值