javascript onpropertychange

最新推荐文章于 2017-06-09 17:55:00 发布

最新推荐文章于 2017-06-09 17:55:00 发布 · 119 阅读

文章标签：

#JavaScript #HTML #ViewUI

JAVA 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一个简单的薪资计算器实现方案，通过HTML和JavaScript完成基本工资、岗位工资等的输入，并自动计算出应发工资、扣款及实发工资。示例中包含了具体的数值输入框和计算逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
function init()
{
all_real();

}
function all_real()
{
var basePay = document.all("hrSalary.basePay").value;
var textfield2 = document.all("textfield2").value;
var textfield3 = document.all("textfield3").value;
var textfield100 = document.all("textfield100").value;

var textfield4 = document.all("textfield4").value;
var textfield5 = document.all("textfield5").value;

document.all("textfield9").value = all_earning(basePay,textfield2,textfield3,textfield100);
document.all("textfield10").value = all_pay(textfield4,textfield5);
document.all("textfield11").value = all_sub(document.all("textfield9").value,document.all("textfield10").value)

}
function all_earning(arg1,arg2,arg3,arg4)
{
var r1,r2,r3,r4,m;
try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
try{r3=arg3.toString().split(".")[1].length}catch(e){r3=0}
try{r4=arg4.toString().split(".")[1].length}catch(e){r4=0}
m=Math.pow(10,Math.max(r1,r2,r3,r4))
return (arg1*m+arg2*m+arg3*m+arg4*m)/m
}
function all_pay(arg1,arg2)
{
var r1,r2,m;
try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2))
return (arg1*m+arg2*m)/m
}
function all_sub(arg1,arg2)
{
var r1,r2,m;
try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2))
return (arg1*m-arg2*m)/m
}

</script>
<BODY onload="init()">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="transparence">
<td class="GridShowList">
基本工资
</td>
<td class="GridWriterList">
<input name="hrSalary.basePay" value="1000" type="text" size="20" onpropertychange="all_real()">
</td>
<td class="GridShowList">
岗位工资
</td>
<td class="GridWriterList">
<input name="textfield2" value="1100" type="text" size="20" onpropertychange="all_real()">
</td>
</tr>
<tr>
<td class="GridShowList">
绩效工资
</td>
<td class="GridWriterList">
<input name="textfield3" value="1200" type="text" size="20" onpropertychange="all_real()">
</td>
<td class="GridShowList">
加班
</td>
<td class="GridWriterList">
<input name="textfield100" value="1300" type="text" size="20" onpropertychange="all_real()">
</td>
</tr>
</table>
----------------------------------------------------------------------------------------------------------------------------------
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="transparence">
<tr>
<td class="GridShowList">
税金
</td>
<td class="GridWriterList">
<input name="textfield4" value="100" type="text" size="20" onpropertychange="all_real()">
</td>
<td class="GridShowList">
养老保险
</td>
<td class="GridWriterList">
<input name="textfield5" value="200" type="text" size="20" onpropertychange="all_real()">
</td>
</tr>
</table>
-------------------------------------------------------------------------------------------------------------------------------------------
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="transparence">
<tr>
<td class="GridShowList">
应发工资合计
</td>
<td class="GridWriterList" colspan="3">
<input id="sumPay" name="textfield9" value="" type="text" readonly="true">
</td>
<td class="GridShowList">
扣款合计
</td>
<td class="GridWriterList" colspan="3">
<input id="subPay" name="textfield10" type="text" readonly="true" >
</td>

<td class="GridShowList">
实发工资合计
</td>
<td class="GridWriterList" colspan="3">
<input id="real" name="textfield11" type="text" readonly="true">
</td>
</tr>
</table>
</BODY>
</HTML>