javascript中工资单程序的简单程序

也许你不知道如何进行互联网搜索。
也许您不知道如何查看网页的源代码。
我不知道。这里有一个类似的应用程序，您可以查看。它不符合您的具体要求。但是您没有提供任何代码来表明您尝试过，也没有解释如何尝试，结果没有代码示例（这也可以）。
这里是一个开始的地方。
尝试为自己调整代码。如果您有问题，请提交问题。好啊
我看着duckduckgo。com并搜索>+“javascript”+“工资单”
这就是你要找的吗？
<html> 
<head> 
<title>JavaScript payroll calculator</title>   
<meta name="description"  
content="Simple JavaScript payroll calculator for state and federal taxes"> 
<meta name="keywords" content="JavaScript, payroll, paycheck, social security, medicare, unemployment, FUTA, withholding, rates, limits, web, forms, applications, QuickBooks, Pro, 2009, Macintosh, Apple, OS X, Leopard, Snow Leopard, AppleScript, Apple Script, scripting, scriptable, Mail, email, export, how, to, instructions, tutorial, introduction, guide, resource, using, essential,handy, subroutines"> 
<meta name="MSSmartTagsPreventParsing" content="true"> 
<meta name="robots" content="noarchive"> 
<link rel="stylesheet" href="styles.css"> 
<meta name="viewport" content="width=device-width, initial-scale=1">   
<script language="JavaScript"> 
<!--   
    // You can store default values for the employee input table here. 
    // The order of this list should be the same as the order of the employee name list in the Input table. 
    // Each line holds an employee's Gross Pay, Federal Withholding, State Withholding in order.  Do not use $ or ,'s. 
    // If you have more employees, clone the last line and increment the number, e.g. employeeTable[3] = new Array ....   
    var employeeTable = new Array();   
    employeeTable[0] = new Array (5000,375,120); 
    employeeTable[1] = new Array (3000,200,87.54); 
    employeeTable[2] = new Array (1800,75.00,38.42);   
    // It is recommended that you not try to edit the remainder of this JavaScript...   
function calcValues() {   
    // Notice how we use a function to strip out non-numeric characters rather then prohibit their entry. 
    // We really really really hate web sites that tell you not to enter spaces, dashes, commas etc for 
    // no reason other than programmer laziness or incompetence.   
    // Get the YTD Earnings, Gross pay this period, and SS Max Base 
    var grossPayYtd = parseFloat(stripAlphaChars(document.inputValues.ytdGross.value)); 
    var grossPayThisPeriod = parseFloat(stripAlphaChars(document.inputValues.currentGross.value)); 
    var ssMaxBase = parseFloat(stripAlphaChars(document.taxRates.ssMaxBase.value));     
    // Social Security   
        // read in rates 
            var ssCompanyRate = parseFloat(stripAlphaChars(document.taxRates.ssCompanyRate.value)); 
            var ssEmployeeRate = parseFloat(stripAlphaChars(document.taxRates.ssEmployeeRate.value));   
        // Look at the SS Max Base and decide what amount of this is taxable 
            var ssTaxableAmount = grossPayThisPeriod; 
            var newYtdGross =  grossPayYtd + grossPayThisPeriod; 
            if (newYtdGross >= ssMaxBase) {ssTaxableAmount = Math.max((ssMaxBase - grossPayYtd), 0);}   
        // Calculate and insert company and employer SS expense 
            var ssEmployeeAmount = ssTaxableAmount * ssEmployeeRate/100; 
            var ssCompanyAmount = ssTaxableAmount * ssCompanyRate/100; 
            document.getElementById('ssEmployeeAmount').innerText = formatCurrency(ssEmployeeAmount); 
            document.getElementById('ssCompanyAmount').innerText = formatCurrency(ssCompanyAmount);     
    // Medicare   
        // Calculate and insert Company Medicare expense 
            var medicareCompanyRate = parseFloat(stripAlphaChars(document.taxRates.medicareCompanyRate.value)); 
            var medicareCompanyAmount = grossPayThisPeriod * medicareCompanyRate/100; 
            document.getElementById('medicareCompanyAmount').innerText = formatCurrency(medicareCompanyAmount);   
        // Calculate and insert employee Medicare expense 
            var medicareEmployeeRate = parseFloat(stripAlphaChars(document.taxRates.medicareEmployeeRate.value)); 
            var medicareEmployeeAmount = grossPayThisPeriod * medicareEmployeeRate/100; 
            document.getElementById('medicareEmployeeAmount').innerText = formatCurrency(medicareEmployeeAmount);   
    // Federal Unemployment   
            var futaRate = parseFloat(stripAlphaChars(document.unemployment.futaRate.value)); 
            var futaThreshold = parseFloat(stripAlphaChars(document.unemployment.futaThreshold.value));   
        // Find out if the amount exceeds the FUTA threshold and insert result 
            var futaTaxableAmount = grossPayThisPeriod; 
            if (newYtdGross >= futaThreshold) {futaTaxableAmount = Math.max((futaThreshold - grossPayYtd), 0);} 
             var futaCompanyAmount = futaTaxableAmount * futaRate; 
             document.getElementById('futaCompanyAmount').innerText = formatCurrency(futaCompanyAmount);     
    // State Unemployment 
            var stateUnemployCompanyRate = parseFloat(stripAlphaChars(document.unemployment.stateFutaCompany.value)); 
            var stateUnemployEmployeeRate = parseFloat(stripAlphaChars(document.unemployment.stateFutaEmployee.value)); 
            var stateUnemployThreshold = parseFloat(stripAlphaChars(document.unemployment.stateUnemployThreshold.value));   
        // Find out if this exceeds the State Unemployment threshold and insert result 
            var stateUnemployTaxableAmount = grossPayThisPeriod; 
            if (newYtdGross >= stateUnemployThreshold) {stateUnemployTaxableAmount = Math.max((stateUnemployThreshold - grossPayYtd), 0);} 
            var stateUnemployEmployeeAmount = stateUnemployTaxableAmount * stateUnemployEmployeeRate/100; 
            document.getElementById('stateUnemployEmployeeAmount').innerText = formatCurrency(stateUnemployEmployeeAmount); 
            var stateUnemployCompanyAmount = stateUnemployTaxableAmount * stateUnemployCompanyRate/100; 
            document.getElementById('stateUnemployCompanyAmount').innerText = formatCurrency(stateUnemployCompanyAmount);     
    // State and Federal Withholding 
            var stateWithheldAmount = parseFloat(stripAlphaChars(document.inputValues.stateWithholding.value)); 
            var federalWithheldAmount = parseFloat(stripAlphaChars(document.inputValues.fedWitholding.value)); 
            document.getElementById('stateWithheldAmount').innerText = formatCurrency(stateWithheldAmount); 
            document.getElementById('federalWithheldAmount').innerText = formatCurrency(federalWithheldAmount);     
    // Local 1 Withholding 
            var local1CompanyRate = parseFloat(stripAlphaChars(document.taxRates.local1CompanyRate.value)); 
            var local1EmployeeRate = parseFloat(stripAlphaChars(document.taxRates.local1EmployeeRate.value)); 
            var local1Threshold = parseFloat(stripAlphaChars(document.taxRates.local1MaxBase.value));   
        // Find out if this exceeds the salary threshold and insert result 
            var local1TaxableAmount = grossPayThisPeriod; 
            if (newYtdGross >= local1Threshold) {local1TaxableAmount = Math.max((local1Threshold - grossPayYtd), 0);} 
            var local1EmployeeAmount = local1TaxableAmount * local1EmployeeRate/100; 
            document.getElementById('local1EmployeeAmount').innerText = formatCurrency(local1EmployeeAmount); 
            var local1CompanyAmount = local1TaxableAmount * local1CompanyRate/100; 
            document.getElementById('local1CompanyAmount').innerText = formatCurrency(local1CompanyAmount);     
    // Local 2 Withholding 
            var local2CompanyRate = parseFloat(stripAlphaChars(document.taxRates.local2CompanyRate.value)); 
            var local2EmployeeRate = parseFloat(stripAlphaChars(document.taxRates.local2EmployeeRate.value)); 
            var local2Threshold = parseFloat(stripAlphaChars(document.taxRates.local2MaxBase.value));   
        // Find out if this exceeds the salary threshold and insert result 
            var local2TaxableAmount = grossPayThisPeriod; 
            if (newYtdGross >= local2Threshold) {local2TaxableAmount = Math.max((local2Threshold - grossPayYtd), 0);} 
                var local2EmployeeAmount = local2TaxableAmount * local2EmployeeRate/100; 
            document.getElementById('local2EmployeeAmount').innerText = formatCurrency(local2EmployeeAmount); 
            var local2CompanyAmount = local2TaxableAmount * local2CompanyRate/100; 
            document.getElementById('local2CompanyAmount').innerText = formatCurrency(local2CompanyAmount);       
    // Net paycheck - does not include Company items! 
            var netPaycheckAmount = grossPayThisPeriod - ssEmployeeAmount - medicareEmployeeAmount - stateUnemployEmployeeAmount - stateWithheldAmount - federalWithheldAmount - local1EmployeeAmount - local2EmployeeAmount; 
            document.getElementById('netPaycheckAmount').innerText = formatCurrency(netPaycheckAmount);     
    // Company total expense - does not include Employee items! 
            var companyTotalExpenses = ssCompanyAmount + medicareCompanyAmount + futaCompanyAmount + local1CompanyAmount + local2CompanyAmount; 
            document.getElementById('companyTotalExpenses').innerText = formatCurrency(companyTotalExpenses);   
    return false; 
}     
function insertDefaults() { 
    // Use the arrays at the top of this script to enter default amounts for various employees 
    // This function will insert those when the Employee Name is changed   
    var employeeNumber = document.getElementById('employeeName').selectedIndex; 
    document.getElementById('currentGross').value=employeeTable[employeeNumber][0]; 
    document.getElementById('fedWitholding').value=employeeTable[employeeNumber][1]; 
    document.getElementById('stateWithholding').value=employeeTable[employeeNumber][2]; 
    return false;   
}     
function stripAlphaChars(thisString) {   
    // This little guy is here so we don't have to nag people about commas, $ or other non-numerals 
    // Don't you hate web sites that tell you not to enter credit card numbers with dashes or spaces???   
    var stripMe = new String(thisString); 
    stripMe = stripMe.replace(/[^0-9\.]/g, ''); 
    return stripMe;  
}     
function formatCurrency(num) {   
    // found all kinds of versions of this on the web, but it's not clear who to rightfully attribute it to. 
    num = num.toString(); 
    if(isNaN(num)) 
    num = "0"; 
    sign = (num == (num = Math.abs(num))); 
    num = Math.floor(num*100+0.50000000001); 
    cents = num%100; 
    num = Math.floor(num/100).toString(); 
    if(cents<10) 
    cents = "0" + cents; 
    for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++) 
    num = num.substring(0,num.length-(4*i+3))+','+ 
    num.substring(num.length-(4*i+3)); 
    return (((sign)?'':'-') + '$' + num + '.' + cents); 
}     
// --> 
</script>   
</head>   
<body bgcolor="#ffffff"> 
<a name="top"> </a> 
<p align="center"><a href="http://www.safetyemporium.com/"><img src="pics/sebanner.gif" alt="Safety Emporium - Lab and Safety Supplies" width="468" height="60"></a></p>     
<h1 align="center">JavaScript Payroll Calculator</h1>       
<a name="about"> </a> 
<h2>About this page</h2> 
<div class="bodyindent">   
<p>This simple JavaScript-based calculator is designed for folks who want to do payroll themselves without having to fork over a fortune to a payroll services company.  It works well for employers with a small number of employees and can be used by itself or with  <a href="scriptexamples6.html">an AppleScript that we have written</a> to enter the results into your QuickBooks Mac 2009 file automatically.</p>   
<p>Ideally, you will download this page and save a copy to your hard drive (use the Save As Source or other equivalent menu command from your web browser).  That will enable you to hard code the state and local tax rates by editing the file so you don't have to re-enter them each time.  But if you want to use it directly on our web site, you can.</p>   
<p>To use this calculator, <b><u>double check that you are using the correct tax rates</u></b> in the <a href="#rates">Tax Rates Table</a> and then simply fill in the four pieces of data in the <a href="#payroll">Input Payroll Data Here table</a> and click Calculate.  Then run the AppleScript we referenced to create a new Paycheck in Quickbooks populated with the output data!</p> 
</div> <!-- End body indent-->         
<a name="payroll"> </a> 
<h2>Employee Payroll Calculation</h2> 
<div class="bodyindent">   
<p>As discussed above, you should edit your local copy of this file.  Using a plain text or HTML editor, change the employee list to match those employee names used in your copy of QuickBooks. You can also change the default values for each employee at the beginning of the JavaScript section.</p>   
<p>Enter your inputs on the left, and the stuff you need to write checks or import into QuickBooks 2009 Mac will magically appear on the right!  You should use the Federal and State withholding values from the employee's individual W-4's.</p>   
<center> 
<table border="0" cellpadding="10"> 
<tr valign="middle"><td width="40%">   
<form name="inputValues" id="inputValues" action="" onSubmit="return calcValues();">   
<table border="1" cellpadding="1" cellspacing="1"> 
<tr align="center" bgcolor="eeffcc"><th colspan="2">Input Payroll Data Here</th></tr>   
<tr align="center"><th>Employee Name</th><td><select name="employeeName" id="employeeName" onChange="insertDefaults()"><option selected>Cunningham, Mary</option><option>Malph, Ralph</option><option>Jones, Jimbo</option></select></td></tr>   
<tr align="center"><th>YTD Gross pay (before this check)</th><td> $<input type="text" size="8,1" name="ytdGross" id="ytdGross" style="font-size: 14px;" value="0"></td></tr>   
<tr align="center"><th>Gross for this pay period</th><td> $<input type="text" size="8,1" name="currentGross" id="currentGross" style="font-size: 14px;" value="5,000" ></td></tr>   
<tr align="center"><th>Federal Withholding this period</th><td> $<input type="text" size="8,1" name="fedWitholding" id="fedWitholding" style="font-size: 14px;" value="375" ></td></tr>   
<tr align="center"><th>State Withholding this period</th><td> $<input type="text" size="8,1" name="stateWithholding" id="stateWithholding" style="font-size: 14px;" value="120"></td></tr>   
<tr align="center"><th colspan="2"><input type="submit" name="calculate" id="calculate" value="Calculate"></th></tr>   
</table> 
</form>   
<p align="center"><i><b>Tip</b>: You can hard-code default amounts for each employee. Check out the HTML code for details.</i></p>     
</td><td width="60%">     
<table border="1" cellpadding="4" cellspacing="1"> 
<tr align="center" bgcolor="ccffee"><th colspan="3">Output values will appear here</th></tr>   
<tr align="center" bgcolor="ccffee"><th></th><th>Employee</th><th>Company</th></tr>     
<tr align="center"><th>Social Security Witholding</th><td align="right"> <span name="ssEmployeeAmount" id="ssEmployeeAmount" style="font-size: 14px;">  (calculate)  </span></td><td align="right"> <span name="ssCompanyAmount" id="ssCompanyAmount" style="font-size: 14px;">  (calculate)  </span></td></tr>   
<tr align="center"><th>Medicare Withholding</th><td align="right"> <span name="medicareEmployeeAmount" id="medicareEmployeeAmount" style="font-size: 14px;">  (calculate)  </span></td><td align="right"> <span name="medicareCompanyAmount" id="medicareCompanyAmount" style="font-size: 14px;">  (calculate)  </span></td></tr>   
<tr align="center"><th>Federal Unemployment</th><td bgcolor="#999999"></td><td align="right"> <span name="futaCompanyAmount" id="futaCompanyAmount" style="font-size: 14px;">  (calculate)  </span></td></tr>   
<tr align="center"><th>State Unemployment Withholding</th><td align="right"> <span name="stateUnemployEmployeeAmount" id="stateUnemployEmployeeAmount" style="font-size: 14px;">  (calculate)  </span></td><td align="right"> <span name="stateUnemployCompanyAmount" id="stateUnemployCompanyAmount" style="font-size: 14px;">  (calculate)  </span></td></tr>   
<tr align="center"><th>Federal Withholding</th><td align="right"> <span name="federalWithheldAmount" id="federalWithheldAmount" style="font-size: 14px;">  (calculate)  </span></td><td bgcolor="#999999"></td></tr>   
<tr align="center"><th>State Withholding</th><td align="right"> <span name="stateWithheldAmount" id="stateWithheldAmount" style="font-size: 14px;">  (calculate)  </span></td><td bgcolor="#999999"></td></tr>   
<tr align="center"><th>Local 1 Withholding</th><td align="right"> <span name="local1EmployeeAmount" id="local1EmployeeAmount" style="font-size: 14px;">  (calculate)  </span></td><td align="right"> <span name="local1CompanyAmount" id="local1CompanyAmount" style="font-size: 14px;">  (calculate)  </span></td></tr>   
<tr align="center"><th>Local 2 Withholding</th><td align="right"> <span name="local2EmployeeAmount" id="local2EmployeeAmount" style="font-size: 14px;">  (calculate)  </span></td><td align="right"> <span name="local2CompanyAmount" id="local2CompanyAmount" style="font-size: 14px;">  (calculate)  </span></td></tr>   
<tr align="center"><th>Totals</th><td align="right" bgcolor="yellow"> <span name="netPaycheckAmount" id="netPaycheckAmount" style="font-size: 14px;">  (calculate)  </span></td><td align="right"> <span name="companyTotalExpenses" id="companyTotalExpenses" style="font-size: 14px;">  (calculate)  </span></td></tr>   
<tr align="center"><td colspan="3" align="center"><i>The Total under Employee is their net paycheck</i></td></tr>   
</table> 
</td></tr></table> 
</center>   
<p>Once you hit Calculate, leave this window open, run the <a href="scriptexamples6.html">AppleScript</a> we provided, and your payroll data (14 lines in all!) will automatically be entered as a new check in QuickBooks.  Boom, done, as Steve Jobs would say.</p>   
</div> <!-- End body indent-->       
<a name="rates"> </a> 
<h2>Tax rates</h2> 
<div class="bodyindent">   
<p>To change the default rates and example employee names that appear here, simply edit this HTML file in a text or HTML editor (the default employee gross pay and withholdings are found at the beginning of the JavaScript section). Once you have done that and put in the rates for your state, you should not need to enter anything in this section again unless the rates/thresholds change.</p>   
<p>Federal withholding rates and thresholds are available in <a href="http://www.irs.gov/publications/p15/ar02.html#en_US_publink1000202402" target="window2">IRS Publication 15</a>.  For tax years 2010 and earlier and for 2013, the employer and employee contributions for Social Security are both 6.2%. In 2011-2012, the <b>employee</b> contribution/withholding rate for Social Security was reduced to 4.2% instead of 6.2% to promote economic stimulus.</p>   
<p><b>PLEASE NOTE</b> - For 2013, there is an additional 0.9% Medicare withholding from employee wages that exceed $200,000.  This calculator does not yet account for that.<p>   
<center> 
<table border="0" cellpadding="10"> 
<tr valign="middle"><td>   
<form name="taxRates" id="taxRates"> 
<table border="1" cellpadding="1" cellspacing="1">   
<tr align="center" bgcolor="eeffcc"><th>Tax Type</th><th>Employee share</th><th>Company share</th></tr>   
<tr align="center"><th>Social Security</th><td><input type="text" size="6,1" name="ssEmployeeRate" id="ssEmployeeRate" style="font-size: 14px;" value="6.2">%</td><td><input type="text" size="6,1" name="ssCompanyRate" id="ssCompanyRate" style="font-size: 14px;" value="6.2">%</td></tr>   
<tr align="center"><th colspan="2">Social Security Max Base</th><td> $<input type="text" size="10,1" name="ssMaxBase" id="ssMaxBase" style="font-size: 14px;" value="113,700"></td></tr>   
<tr align="center"><th>Medicare</th><td><input type="text" size="6,1" name="medicareEmployeeRate" id="medicareEmployeeRate" style="font-size: 14px;" value="1.45">%</td><td><input type="text" size="6,1" name="medicareCompanyRate" id="medicareCompanyRate" style="font-size: 14px;" value="1.45">%</td></tr>   
<tr align="center"><td colspan="3"><i>All income is subject to Medicare</i></td></tr>   
<tr align="center"><th>Local tax 1</th><td><input type="text" size="6,1" name="local1EmployeeRate" id="local1EmployeeRate" style="font-size: 14px;" value="0">%</td><td><input type="text" size="6,1" name="local1CompanyRate" id="local1CompanyRate" style="font-size: 14px;" value="0">%</td></tr>   
<tr align="center"><th>Local tax 2</th><td><input type="text" size="6,1" name="local2EmployeeRate" id="local2EmployeeRate" style="font-size: 14px;" value="0">%</td><td><input type="text" size="6,1" name="local2CompanyRate" id="local2CompanyRate" style="font-size: 14px;" value="0">%</td></tr>     
<tr align="center"><th colspan="2">Local Tax 1 Max Base</th><td> $<input type="text" size="10,1" name="local1MaxBase" id="local1MaxBase" style="font-size: 14px;" value="999,999"></td></tr>   
<tr align="center"><th colspan="2">Local Tax 2 Max Base</th><td> $<input type="text" size="10,1" name="local2MaxBase" id="local2MaxBase" style="font-size: 14px;" value="999,999"></td></tr> 
</table> 
</form> 
</td><td>   
<form name="unemployment" id="unemployment">   
<table border="1" cellpadding="1" cellspacing="1"> 
<tr align="center" bgcolor="eeffcc"><th colspan="2">Unemployment Tax</th></tr>   
<tr align="center"><th>Federal Threshold</th><td>First $<input type="text" size="8,1" name="futaThreshold" id="futaThreshold" style="font-size: 14px;" value="7,000"> of income</td></tr>   
<tr align="center"><th>Federal 940 Multiplier</th><td><input type="text" size="6,1" name="futaRate" id="futaRate" style="font-size: 14px;" value="0.008"></td></tr>   
<tr align="center"><th>State Threshold</th><td>First $<input type="text" size="8,1" name="stateUnemployThreshold" id="stateUnemployThreshold" style="font-size: 14px;" value="30,900"> of income</td></tr>   
<tr align="center"><th>State Company Share</th><td><input type="text" size="6,1" name="stateUnemployCompanyRate" id="stateFutaCompany" style="font-size: 14px;" value="2.000">%</td></tr>   
<tr align="center"><th>State Employee Share</th><td><input type="text" size="6,1" name="stateUnemployEmployeeRate" id="stateFutaEmployee" style="font-size: 14px;" value="0.985">%</td></tr>   
</table> 
</form> 
</td></tr></table>   
</center>     
<p>We have provided two local taxes here.  You might have city and school tax, or perhaps city and county tax.  Most such taxes apply to all income so we've set the default Max Base for each to $999,999.    We have not provided Federal or State withholding here - this section handles tax rates, not withholding.</p>   
</div> <!-- End body indent-->         
<a name="want"> </a> 
<h2>I Want....</h2> 
<div class="bodyindent">   
<p>We're sure some of you have other needs such as multiple states/jurisdictions etc that are not covered here.  This page and the AppleScript that is used with it are meant to be guides or frameworks so that you can add those features yourself.  We have heavily commented the code so you can use it as a learning resource.  We do not have the manpower to code individual solutions for folks, but are happy to <a href="https://bytes.com/topic/contact.html">have your feedback</a>.</p> 
<p></p>   
</div> <!-- End body indent-->       
<p align="center"><a href="index.html#top">Table of Contents</a></p> 
<p align="center"><hr width="85%"></p>   
<p align="center"><a href="http://www.safetyemporium.com/"><img src="pics/sebanner.gif" alt="Safety Emporium - Lab and Safety Supplies" width="468" height="60"></a></p>       
<p align="center"><font size="-1"><b>Notice</b>: Copyright 2010-2020 by <a href="/index.html">Interactive Learning Paradigms Incorporated</a>.  All rights reserved.  Reposting or redistributing this material or derivatives thereof is not permitted and constitutes a violation of US and International copyright law. You are permitted to make and edit copies of this page for your localized personal/corporate off-line use provided that this entire notice remains intact. This product is offered "as is" and ILPI and its employees (who are not tax professionals or lawyers) will not be responsible for any errors, omissions, problems, tax audits, etc. caused by your <strike>incompetence</strike> use of this resource. This source document is available (only) at <a href="http://www.ilpi.com/help/applescriptQB/payrollcalculator.html">http://www.ilpi.com/help/applescriptQB/payrollcalculator.html</a></font></p>     
</body> 
</html>
它是页面http://www.ilpi.com/help/applescript...alculator.html的源。
javascript中工资单程序的简单程序

2条答案

相关问题

热门标签

最新问答
