-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcacl.html
145 lines (137 loc) · 4.26 KB
/
cacl.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人社保计算器</title>
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
function jisuan(){
//1. 获得 工资，看输入合法吗？表单验证
//取得文本框里输入的工资
var sal=document.getElementById("salary").value;
//判断工资输入合法吗？正则表达式,我们规定输入的数字是4-5位
var regExp=/^[0-9]{4,5}$/;
if(!regExp.test(sal)){
//输入不合法
document.getElementById("salary").value="必须输入4-5位数字!";
document.getElementById("salary").style="color:red";
return;
}
//2. 如果输入合法，开始计算
var salNum = parseInt(sal);//把字符串转成数字
var ylgr = salNum * 0.08 //个人交的养老保险
var ylgs = salNum * 0.2//公司交的养老保险
document.getElementById("ylgr").innerHTML=ylgr;
document.getElementById("ylgs").innerText=ylgs;
var ybgr=salNum * 0.02;//个人交的医保
var ybgs=salNum * 0.06;//公司交的医保
document.getElementById("ybgr").innerText=ybgr;
document.getElementById("ybgs").innerText=ybgs;
var sygr=salNum * 0.005;//个人交的失业保险
var sygs=salNum * 0.015;//公司交的失业保险
document.getElementById("sygr").innerText=sygr;
document.getElementById("sygs").innerText=sygs;
var gongshang=salNum * 0.005;//公司交的工伤
document.getElementById("gongshang").innerHTML=gongshang;
var shengyu=salNum * 0.008;//公司交的生育保险
document.getElementById("shengyu").innerHTML=shengyu;
var gjjgr=salNum * 0.12;//个人交的公积金
var gjjgs=salNum * 0.12;//公司交的公积金
document.getElementById("gjjgr").innerHTML=gjjgr;
document.getElementById("gjjgs").innerHTML=gjjgs;
grhj=ylgr+ybgr+sygr+gjjgr;//个人总共交的
gshj=ylgs+ybgs+gongshang+shengyu+sygs+gjjgs;//公司总共交的
document.getElementById("grhj").innerText=grhj;
document.getElementById("gshj").innerHTML=gshj;
var zonge=salNum+gshj;//账户总额，工资+公司额外交的
document.getElementById("total").innerHTML=zonge;
}
//3. 把计算的结果放到单元格里
function clearTxt (){
document.getElementById("salary").value="";
document.getElementById("salary").style="color:black";
}
</script>
</head>
<body>
<div class="container text-center">
<img src="images/nuclogoblue1.jpg" width="100px" height="100px">
<table class="table table-bordered text-center">
<tr>
<td>工资</td>
<td colspan="3">
<input onfocus="clearTxt()" type="text" id="salary" placeholder="请输入工资" class="form-control">
</td>
<td>
<button onclick="jisuan()" class="btn btn-block btn-danger">计算</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="gongshang"></td>
</tr>
<tr>
<td>生育</td>
<td></td>
<td></td>
<td>0.8%</td>
<td id="shengyu"></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>
开发者：2013040544齐世杰
</div>
</body>
</html>