<head>
<meta charset="UTF-8">
<title>个人社保打算器--网页版</title>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script><!--脚本-->
function calc(){
//1.把用户输入的人为拿到
//jQuery函数
sal = $("#salary").val();
//2.把sal转成数字
salnum = parseInt(sal);
//3.开始打算
//3.1 算各种数据
ylgr = salnum 0.08;
ylgs = salnum 0.2;
ybgr = salnum 0.02;
ybgs = salnum 0.06;
sygr = salnum 0.0005;
sygs = salnum 0.0015;
gsgs = salnum 0.0005;
sybx = salnum 0.0008;
gjjgr = salnum 0.12;
gjjgs = salnum 0.12;
grhj = ylgr+ybgr+sygr+gjjgr;
gshj = ylgs+ybgs+sygs+gsgs+sybx+gjjgs;
total = grhj+gshj;
//4.把打算结果放到格子里
$("#ylgr").text(ylgr);
$("#ylgs").text(ylgs);
$("#ybgr").text(ybgr);
$("#ybgs").text(ybgs);
$("#sygr").text(sygr);
$("#sygs").text(sygs);
$("#gsgs").text(gsgs);
$("#sybx").text(sybx);
$("#gjjgr").text(gjjgr);
$("#gjjgs").text(gjjgs);
$("#grhj").text(grhj);
$("#gshj").text(gshj);
$("#total").text(total);
}
</script>
</head>
<body>
<div class="container text-center">
<h1>个人社保打算器</h1>
<table class="table table-bordered">
<tr>
<td>人为</td>
<td colspan="3">
<input id="salary" class="form-control" placeholder="请输入人为" type="text" >
</td>
<td>
<button onclick="calc()" class="btn btn-danger btn-block">打算</button>
</td>
</tr>
<tr class="bg-primary">
<td>险种</td>
<td>个人%</td>
<td>个人</td>
<td>公司%</td>
<td>公司</td>
</tr>
<tr>
<td>养老</td>
<td>8%</td>
<td id="ylgr"></td>
<td>20%</td>
<td id="ylgs"></td>
</tr>
<tr>
<td>医保</td>
<td>2%</td>
<td id="ybgr"></td>
<td>6%</td>
<td id="ybgs"></td>
</tr>
<tr>
<td>失落业</td>
<td>0.5%</td>
<td id="sygr"></td>
<td>1.5%</td>
<td id="sygs"></td>
</tr>
<tr>
<td>工伤</td>
<td></td>
<td></td>
<td>0.5%</td>
<td id="gsgs"></td>
</tr>
<tr>
<td>生养</td>
<td></td>
<td></td>
<td>0.8%</td>
<td id="sybx"></td>
</tr>
<tr>
<td>公积金</td>
<td>12%</td>
<td id="gjjgr"></td>
<td>12%</td>
<td id="gjjgs"></td>
</tr>
<tr>
<td>合计</td>
<td>个人合计</td>
<td id="grhj"></td>
<td>公司合计</td>
<td id="gshj"></td>
</tr>
<tr>
<td>总额</td>
<td colspan="4" id="total"></td>
</tr>
</table>
开拓者：一字赌团队2021
</div>
</body>
</html>
