js进行个税计算

最新推荐文章于 2022-08-25 15:57:52 发布
最新推荐文章于 2022-08-25 15:57:52 发布
阅读量2.4k 收藏 4
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yy954744913/article/details/88833036
版权

之前闲着没事，刚好个税改革了，就顺便写了个计算公式，写了个页面

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>个税计算</title>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" />
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body>

	<form class="form-horizontal" id="add_case_form">
		<div class="form-group">
			<label class="col-xs-2 control-label">工资总额：</label>
			<div class="col-xs-6" style="margin-top:10px;">
				<input class="form-control" type="number" id="salary" min="0"/>
			</div>
		</div>
		
		<div class="form-group">
			<label class="col-xs-2 control-label">所缴公积金：</label>
			<div class="col-xs-6" style="margin-top:10px;">
				<input class="form-control" type="number" id="reservedFunds" min="0" />
			</div>
		</div>
		
		<div class="form-group">
			<label class="col-xs-2 control-label">所缴社保：</label>
			<div class="col-xs-6" style="margin-top:10px;">
				<input class="form-control" type="number" id="social" min="0" />
			</div>
		</div>
		
		<div class="form-group">
			<label class="col-xs-2 control-label">其他扣缴：</label>
			<div class="col-xs-6" style="margin-top:10px;">
				<input class="form-control" type="number" id="other" min="0" />
			</div>
		</div>
		
		<div class="form-group">
			<label class="col-xs-2 control-label">专项扣除额度：</label>
			<div class="col-xs-6" style="margin-top:10px;">
				<input class="form-control" type="number" id="deduct" min="0" />
			</div>
		</div>
		
		<table class="table no-margin text-center table-bordered table-condensed" style="width:500px;margin-left:400px;margin-top:50px;">
			<tr>
				<th>扣税金额</th>
				<th>缴纳税额</th>
			</tr>
			<tr>
				<td id="balance">0</td>
				<td id="payTaxes">0</td>
			</tr>
		</table>
		
		<div style="margin-left:850px;">
			<a href="javascript:calculate();" class="btn btn-primary btn-sm">计算</a>
		</div>
	</form>
	
	<script type="text/javascript">
			var rateArr = new Array(5);
			rateArr[0] = "0.03||0";
			rateArr[1] = "0.1||210";
			rateArr[2] = "0.2||1410";
			rateArr[3] = "0.25||2660";
			rateArr[4] = "0.3||4410";
			
		function calculate(){		
			var LIMT_SALARY = 5000;
			var salary = Number($("#salary").val());
			//公积金
			var reservedFunds = Number($("#reservedFunds").val());
			var social = Number($("#social").val());
			var other = $("#other").val();
			if(other==null || other==""){
				other = 0;
			}else{
				other = Number(other);
			}
			//专项扣除的
			var deduct = Number($("#deduct").val());
			
			var balance = salary- LIMT_SALARY - reservedFunds - social - other - deduct;
			if(balance<=0){
				balance = "0";
			}else{
				//根据纳税金额计算扣缴税费
				rateCalculation(balance);
			}
			$("#balance").text(balance);
			
		}
		
		function rateCalculation(balance){
			var rateNum = 0;
			if(balance<=3000){
			
			}else if(balance<=12000){
				rateNum = 1;
			}else if(balance<=25000){
				rateNum = 2;
			}else if(balance<=35000){
				rateNum = 3;
			}else if(balance<=55000){
				rateNum = 4;
			}
			var rate = rateArr[rateNum].split("||");
			var payTaxes = balance* Number(rate[0]) - Number(rate[1]);
			$("#payTaxes").text(payTaxes.toFixed(2));
		}
	</script>
</body>

</html>

 

一叶轮回
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS 案例 个人所得税计算器
suiferq的博客
10-20 3493
个人所得税计算器： 代码片 与计算器的代码相识，CSS同计算器样式 // An highlighted block <form > <div class="da"> <div> <div class="col1"><label >请输入税前工资:</label></div> <div class="col2"><input type="text" id="num1"/&g
用JS编写个人所得税计算器
dianqiong7545的博客
02-27 2784
编写 “个人所得税计算器”函数 计算个税的方法: 3500 以下免征 3500 ~ 5000 部分 缴纳 3% 5000 ~ 9000 部分 缴纳 10% 9000 以上部分 缴纳 20% 代码如下： function gz(){　　　　　　　　　　　　　　　　　　　　...
js做个人所得税计算器
weixin_33694620的博客
02-27 2537
<!doctype> <html> 　　<head> 　　　　<meta charset="uft-8"> 　　　　<title></title> 　　</head> 　　<body> 　　　　<script> 　　　　　　function gz(){ 　　　　　　　　va...
html和js制作个人所得税表格,【JS】计算个人所得税(新版)
weixin_29956897的博客
06-15 1868
首页专栏javascript文章详情0计算个人所得税(新版)niaogege发布于 今天 02:04题目:员工2015年入职，2019年每月应发工资均为30000元，每月减除费用5000元，“三险一金”等专项扣除为4500元，享受子女教育、赡养老人两项专项附加扣除共计2000元，没有减免收入及减免税额等情况，以前三个月为例，应当按照以下方法计算各月应预扣预缴税额：1月份：(30000–5000-4...
蓝桥杯web：3.【功能实现】封装函数实现个人所得税计算器
weixin_51167834的博客
03-05 7889
背景介绍 JavaScript 可以帮助开发者实现许多非常实用的功能。本次将通过 JavaScript 封装函数来实现一个简易的个人所得税计算器。 打开环境右侧的【Web 服务】，效果如下： 需要注意这是一个功能不完整的简单个人所得税计算器。 考试需求 基于挑战提供的基础代码，完善个人所得税计算器结构，实现当用户在文本框中输入薪资后，单击计算按钮，即可将计算后的结果显示到页面中。 例如： 当输入 5000，根据个人所得税规则无需缴税，页面效果如下： 当输入 8000，根据个人所得税规
Javascript实现计算个人所得税
10-24
用javascript脚本语言编写一个“个人所得税计算器”？计算公式：所得税=（月收入-起征额）*10%；重填就是全部清空；十分的实用，有需要的小伙伴可以参考下。
个人所得税计算，练习JavaScript if用法
最新发布
03-26
在本项目"个人所得税计算"中，`if`语句被用来根据用户输入的收入水平来计算应缴纳的个人所得税。个人所得税的计算规则通常会根据收入区间有不同的税率，因此`if`语句是实现这一功能的理想选择。 首先，我们需要理解...
个人所得税 js 计算代码
05-30
/** * beginMoney 征收起点 * handMoeny 税后工资 */ function deCalcPersonalTax(beginMoney,handMoney){ var critical = [0,500,2000,5000,20000,40000,60000,80000,100000]; var taxRates = [0.05,0.10,0.15...
html+js实现新版个税计算器demo,可直接套用
10-26
4. 个税计算算法：中国的个人所得税计算涉及多种扣除项，包括基本减除费用、专项附加扣除等。JS代码需要正确地实现这些计算规则，可能包括累进税率的处理。具体的计算公式可能涉及到累加、条件判断和循环等编程概念...
JS——个人所得税
weixin_30911451的博客
12-06 502
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>个人所得税</title> </head> <body> <input type="text" placeholder="请输入您的工资" id="gz" />...
新个税计算器
01-11
新个税计算器，真实可用。不用部署到服务器，直接打开即可使用
算法题之个人所得税税率计算一(工资、薪金所得适用)
kuke_kuke的博客
07-31 1602
个人所得税税率表一(工资、薪金所得适用)级数 全月应纳税所得额 税率(%) 1 不超过1500元的 3% 45 2 超过1500元至4500元的部分 10% 300 3 超过4500元至9
个税如何计算
hahaxiangcai的博客
08-25 375
（2）通常情况下发放规则是公开的，如某某级别的target bonus(即个人表现和公司表现均是达到目标时对应的奖金)相当于多少月的基本工资(而且级别越高的人奖金占总收入的比例越高)，但对每个人具体的绩效评估结果各个企业的处理方法不一样，有的对全员公开，有的不公开。（1）通常是由老板决定的，没有固定的规则，可能取决于员工与老板的亲疏、取决于老板对员工的印象、取决于资历，取决于重大贡献等。(三)利息、股息、红利所得，财产租赁所得，财产转让所得和偶然所得，适用比例税率，税率为百分之二十。
Javascript--普通函数调用-涨工资计算函数
weixin_34183910的博客
11-19 289
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <script&g...
最新2019版个税计算器（5000起征点 + 个税专项扣除项）
热门推荐
WP8HUB
01-10 4万+
最新2019个税计算器（5000起征点 + 个税专项扣除项），根据最新设置计算，预留个税专项扣除项，计算结果显示税前、税后、应缴个税等明细。 http://www.atoolbox.net/Tool.php?Id=729 ...
html和js制作个人所得税表格,用JS编写个人所得税计算器
weixin_29105429的博客
06-15 1096
编写 “个人所得税计算器”函数计算个税的方法:3500 以下免征3500 ~ 5000 部分 缴纳 3%5000 ~ 9000 部分 缴纳 10%9000 以上部分 缴纳 20%代码如下：function gz(){　　　　　　　　　　　　　　　　　　　　　　//封装var salary = prompt("请输入你的工资");　　　　　　　　　//定义salary 等于输入的工资var y = ...
2019年新个税计算方法
键盘的起始页
08-29 2033
1、先看两张图 2、我们尝试计算一次 拿上图3月份为例。 90000 - 15000 - 13500 - 6000 = 55500 55000 X 0.1 - 速扣 - 往月纳税总额 = 本月纳税额 这上面X0.1 是根据第一张图得来的，55000在级别2，所以X10%也就是0.1。 算出来的结果和https://www.gerensuodeshui.cn/里的类似。 ...
javascript计算个人所得税
12-05
以下是一个用JavaScript编写的个人所得税计算器的例子： ```javascript <!DOCTYPE html> <html> <head> <title>个人所得税计算器</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; background-color: #f5f5f5; } h1 { text-align: center; margin-top: 50px; } form { max-width: 500px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); } label { display: block; margin-bottom: 10px; } input[type="number"] { width: 100%; padding: 10px; border-radius: 5px; border: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); margin-bottom: 20px; box-sizing: border-box; } input[type="submit"], input[type="reset"] { background-color: #4CAF50; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; margin-right: 10px; } input[type="reset"] { background-color: #f44336; } input[type="submit"]:hover, input[type="reset"]:hover { background-color: #3e8e41; } .result { margin-top: 20px; padding: 10px; background-color: #f0f0f0; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.2); } </style> </head> <body> <h1>个人所得税计算器</h1> <form onsubmit="return false;"> <label for="income">月收入（元）：</label> <input type="number" id="income" required> <label for="threshold">起征额（元）：</label> <input type="number" id="threshold" required> <input type="submit" value="计算" onclick="calculate()"> <input type="reset" value="重填"> </form> <div class="result" id="result"></div> <script type="text/javascript"> function calculate() { var income = document.getElementById("income").value; var threshold = document.getElementById("threshold").value; var tax = (income - threshold) * 0.1; if (tax < 0) { tax = 0; } document.getElementById("result").innerHTML = "所得税为：" + tax.toFixed(2) + "元"; } </script> </body> </html> ``` 这个计算器使用了HTML和JavaScript编写，可以在网页上直接使用。用户输入月收入和起征额后，点击“计算”按钮即可计算出所得税。如果需要重新输入，可以点击“重填”按钮清空输入框。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值