`
tjmzgn
  • 浏览: 159739 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript onpropertychange

    博客分类:
  • JAVA
阅读更多
<!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>
分享到:
评论

相关推荐

    JavaScript的onpropertychange事件

    JavaScript的`onpropertychange`事件是JavaScript中处理对象属性改变时触发的一种事件。这个事件主要在Internet Explorer浏览器中被广泛使用,因为它是IE特有的,而在其他遵循W3C标准的浏览器(如Firefox、Chrome、...

    oninput,onpropertychange,onchange的用法和区别

    oninput、onpropertychange、onchange 的用法和区别 在 Web 开发中,了解 oninput、onpropertychange、onchange 三个事件的用法和区别非常重要,这三个事件都是用于检测用户输入的变化,但它们之间存在着一些关键的...

    onchange和onpropertychange

    标题中的“onchange”和“onpropertychange”是JavaScript中两个与事件相关的属性,它们都是在HTML元素上触发特定行为的事件监听器。在本文中,我们将深入探讨这两个事件的区别、用法以及如何在实际开发中应用它们。...

    javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足

    在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件. 这样一来问题就解决了. 那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninput事件了. 但是oninput有个诡异,...

    js监听输入框值的即时变化onpropertychange、oninput.docx

    JavaScript 监听输入框值的即时变化 在 Web 开发中,监听输入框值的即时变化是一种常见且有用的技术,可以帮助我们实现实时的用户体验感。例如,即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索...

    js与jquery实时监听输入框值的oninput与onpropertychange方法.docx

    JS 与 jQuery 实时监听输入框值的 oninput 与 onpropertychange 方法 在 Web 开发中,实时监听输入框值的变化是一个常见的需求,例如自动完成功能、实时搜索、表单验证等。在这个资源中,我们将介绍 JS 与 jQuery ...

    兼容Firefox和IE的onpropertychange事件oninput

    在JavaScript中,处理DOM元素状态变化的事件有多种,其中包括`onpropertychange`、`onchange`和`oninput`。这些事件在不同浏览器中有着不同的表现和兼容性,尤其是在Internet Explorer (IE) 和 Firefox之间。 `...

    jquery下onpropertychange事件的绑定方法

    为了解决这个问题,引入了onpropertychange事件,它能够监听到元素属性的任何变化,包括由JavaScript引起的值变化。在早期的IE浏览器中,onpropertychange事件被广泛支持,其他浏览器则后来也逐渐支持,但表现可能...

    js中的onchange和onpropertychange (onchange无效的解决方法)

    在JavaScript中,`onchange` 和 `onpropertychange` 是两个不同的事件处理方式,它们各自在特定场景下有着不同的用途。本文将详细讲解这两个事件的区别以及如何解决 `onchange` 事件在某些情况下的无效问题。 `...

    onchange,onpropertychange,oninput键盘输入和js赋值时区别

    在JavaScript中,`onchange`、`onpropertychange` 和 `oninput` 是与用户交互相关的事件,它们各自有特定的触发条件,特别是在处理表单元素的键盘输入和JavaScript动态赋值时。以下是对这三个事件的详细解释: 1. `...

    javascript 处理事件绑定的一些兼容写法

    在JavaScript中,事件绑定是创建交互式网页的关键部分。本文将详细讲解JavaScript处理事件绑定的一些兼容性写法,适用于不同的浏览器环境。 首先,让我们看一个基本的事件绑定函数的实现。这个函数`addEvent`接受三...

    js onpropertychange输入框 事件获取属性

    此外,开发者在编写跨浏览器兼容的脚本时,还可以通过JavaScript的条件注释、特征检测等技术手段,来检测浏览器对`onpropertychange`、`oninput`等事件的支持情况,从而决定使用哪种事件来实现功能。 总而言之,...

    JavaScript中的所有on事件

    `onpropertychange` 属性变化事件,当元素的CSS属性发生变化时触发,可用于实时更新UI或执行相应的逻辑。 #### 44. `onreadystatechange` 状态变化事件,当元素或文档的读写状态发生变化时触发,常用于检测文档...

    JavaScript实现前端实时搜索功能

    - `onpropertychange`事件:在IE浏览器中,此事件可以捕获任何属性的变化,但不幸的是,它是IE浏览器特有的。 - 绑定事件到输入框: ```javascript $('.searcher-text').on('input', function() { ...

    asp.net关于onpropertychange和oninput事件实现代码

    在网上寻觅了一会发现onpropertychange事件为改变文本属性时就会出发,所以当文本框输入数据的时候其实是在改变文本框的value属性。而且中文也可以满足,本以为大功告成,最后才发现这个事件为IE的专属事件,其他的...

    javascript事件汇总

    5. **`onpropertychange`**: - **触发时机**:当对象的某个属性发生变化时触发。 - **应用场景**:更新UI界面。 6. **`onreadystatechange`**: - **触发时机**:当对象的初始化属性值发生变化时触发。 - **...

    JAVASCRIPT事件[借鉴].pdf

    JavaScript事件是网页交互的核心部分,它们允许程序响应用户的操作或者浏览器的状态变化。这些事件可以绑定到HTML元素上,使得在特定事件发生时执行相应的JavaScript代码。以下是一些常见的JavaScript事件及其功能:...

    jquery keypress,keyup,onpropertychange键盘事件

    在JavaScript和jQuery中,处理键盘事件是常见的需求,特别是在用户输入时进行实时验证或操作。在给定的标题和描述中,提到了`keypress`、`keyup`以及`onpropertychange`这三种键盘事件,接下来将详细介绍它们以及...

Global site tag (gtag.js) - Google Analytics