前端HTML--个人社保计算器

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>个人社保计算器-网页版</title><!-- 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><!-- 新 Bootstrap 核心 CSS 文件 --><link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"><script>function calc() {//取得文本框值salary = $("#sal").val();//jQuert语法salNUM = parseInt(salary);//养老计算ylgr = salNUM * 0.08ylgs = salNUM * 0.2$("#ylgr").text(ylgr);$("#ylgs").html(ylgs);//医保计算ybgr = salNUM * 0.02ybgs = salNUM * 0.06$("#ybgr").html(ybgr);$("#ybgs").html(ybgs);//失业保险计算sygr = salNUM * 0.005;sygs = salNUM * 0.015;$("#sygr").html(sygr);$("#sygs").html(sygs);//工伤计算gsgs = salNUM * 0.005;$("#gsgs").html(gsgs);//生育计算sysy = salNUM * 0.008;$("#sysy").html(sysy);//公积金计算gjjgr = salNUM * 0.12;gjjgs = salNUM * 0.12;$("#gjjgr").html(gjjgr);$("#gjjgs").html(gjjgs);//个人合计grhj = ylgr + ybgr + sygr + gjjgr;gshj = ylgs + ybgs + sygs + gsgs + sysy + gjjgs;$("#grhj").html(grhj);$("#gshj").html(gshj);//总额total = grhj + gshj;$("#total").html(total);}</script></head><body><div class="container text-center"><h1>个人社保计算器</h1><table class="table table-bordered"><tr><td>工资</td><td colspan="3"><input  id="sal" 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 class="bg-primary">养老</td><td>8%</td><td id="ylgr"></td><td>20%</td><td id="ylgs"></td></tr><tr><td class="bg-primary">医保</td><td>2%</td><td id="ybgr"></td><td>6%</td><td id="ybgs"></td></tr><tr><td class="bg-primary">失业</td><td>0.5%</td><td id="sygr"></td><td>1.5%</td><td id="sygs"></td></tr><tr><td class="bg-primary">工伤</td><td></td><td></td><td>0.5%</td><td id="gsgs"></td></tr><tr><td class="bg-primary">生育</td><td></td><td></td><td>0.8%</td><td id="sysy"></td></tr><tr><td class="bg-primary">公积金</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>开发者:</div></body>
</html>

**注:**运行效果浏览图

前端HTML--个人社保计算器相关推荐

第三章：Creating Utilities--24.一个交互式的计算器
2019独角兽企业重金招聘Python工程师标准>>> 之前写了第九个脚本,允许命令行调用bc进行浮点计算,所以现在必然要写一个交互式的,基于命令行的计算器封装脚本.它有一个优点:即 ...
上海社保金额精确计算公式
公司缴纳社保金额用自己的Excel表格拉出来的数值总是与税务局的<社会保险费缴纳通知书>不一致,网上搜了半天,没有说的清楚的.几个所谓社保计算器,计算的都不对,只有自己琢磨了. 目前积累的 ...
python的openpyxl库如何读取特定列_通过渲染一百万个网页，来了解网络是如何崩溃的...
最近在 medium 上看到这篇"比较新鲜的"文章 <We rendered a million web pages to learn how the web breaks& ...
h5课件制作_Articulate storyline交互H5视频课件制作技巧
第一次接触articulate storyline是在2016年,为了写毕业论文,学习了这个软件.时隔四年,为了做课件,我又重新学习.目前能使用这个软件做1.视频交互课件2.小游戏3.模拟银行综合前端 ...
php四则运算出题器_php实现简单四则运算器
本文实例为大家分享了php实现简单四则运算器的具体代码,供大家参考,具体内容如下前端代码 : php计算器请输入num1: 请选择运算符: + - * / % 请输入num2: 后台: php计算 ...
怎么让浏览器一直前置_上海居住证积分没有前置学历怎么解决？
自考大专申请上海居住证积分,没有高中学历能不能通过上海居住证积分审核?很多朋友在申请上海居住证积分办理流程的时候,因为前置学历不符合要求,而终止办理,十分可惜!关于上海居住证积分办理流程前置学历要求, ...
程序员在上海税前12000的工资，真实发到手能拿到多少？
统计几位在上海的朋友的税前工资和税后工资 A朋友:设计税前30000 公司不避税税后:你猜? B朋友:设计税前12000 公司不避税税后:你猜? ...
上海税前12000的工资，税后能拿到多少？
统计几位在上海的朋友的税前工资和税后工资 A朋友:设计税前30000 公司不避税税后:你猜? B朋友:设计税前12000 公司不避税税后:你猜? C朋友:开发税前11500 公司不避税税后 ...
模板-测试报告-AAA系统android应用V1.1.0测试报告
AAA系统android应用V1.1.0测试报告版次 V1.1.0 密级内部公开总页数附录 5 编写人张三编写时间 2018-02-03 文件修改记录修改日期修改状态修改页码及条款 ...

前端HTML--个人社保计算器

前端HTML--个人社保计算器相关推荐

最新文章

热门文章