如下图。
表格的数据,根据公式计算来的。当改变其它一个值时,其它关联的数据跟着变化
比如:输入未税成本时,以可以得含税成本的值,含税成本=未税成本*税率
输入:未税单价可以得到含税单价和K值,K值=未税单价/未税成本,同样,输入含税的单价,可以得到未税的单价。其它类似,请问,怎么用JS来实现呢?我的程序是用ASP做的,并且每列的文本框的ID相同的。谢谢
表格的数据,根据公式计算来的。当改变其它一个值时,其它关联的数据跟着变化
比如:输入未税成本时,以可以得含税成本的值,含税成本=未税成本*税率
输入:未税单价可以得到含税单价和K值,K值=未税单价/未税成本,同样,输入含税的单价,可以得到未税的单价。其它类似,请问,怎么用JS来实现呢?我的程序是用ASP做的,并且每列的文本框的ID相同的。谢谢
解决方案 »
- 关于删除两个数组相同元素的问题
- JS面向对象(创建类 继承类 )的实现
- 想知道Firebug如果追溯js函数,已经console.trace()用法?
- 数组问题
- 如何取得<td></td>里的所有的值
- JS代码斜杠转义的问题,试了好久没出来。急,高手帮下忙。谢谢
- 求一个时间选择控件,能够让用户选择一天24小时内的具体时间的,精确到分就行了 ,类似于日历控件
- 怎样才能把JavaScript 1.0及级到 JavaScript 1.2 呢?
- 请教一个文件的下载地址
- 孟子、梅花雨、骆驼、阿信大哥,还有个问题想请教!obj.outerHTML
- 关于extjs树节点销毁事件问题
- js截取URL的前面一部分
根据当前文本框的值和标识 设置需要修改的文本框的值修改的文本框 可以根据 标识 用 父节点(td) 的上一个(下一个) 的子节点来获取
<tr>
<td>未税成本</td>
<td>含税成本</td>
<td>未税单价</td>
<td>K值</td>
<td>含税单价</td>
<td>税率</td>
<td>金额</td>
</tr>
<tr>
<td><input name="a1" type="text" id="a1" size="8" /></td>
<td><input name="a2" type="text" id="a2" size="8" /></td>
<td><input name="a3" type="text" id="a3" size="8" /></td>
<td><input name="a4" type="text" id="a4" size="8" /></td>
<td><input name="a5" type="text" id="a5" size="8" /></td>
<td><input name="a6" type="text" id="a6" value="17%" size="8" /></td>
<td><input name="a7" type="text" id="a7" size="8" /></td>
</tr>
<tr>
<td><input name="a1" type="text" id="a1" size="8" /></td>
<td><input name="a2" type="text" id="a2" size="8" /></td>
<td><input name="a3" type="text" id="a3" size="8" /></td>
<td><input name="a4" type="text" id="a4" size="8" /></td>
<td><input name="a5" type="text" id="a5" size="8" /></td>
<td><input name="a6" type="text" id="a6" value="17%" size="8" /></td>
<td><input name="a7" type="text" id="a7" size="8" /></td>
</tr>
</table>
<table width="100%" border="1" cellpadding="3" cellspacing="1">
<tr>
<td>未税成本</td>
<td>含税成本</td>
<td>未税单价</td>
<td>K值</td>
<td>含税单价</td>
<td>税率</td>
<td>金额</td>
</tr>
<tr>
<td><input name="a1" type="text" id="a1" size="8" onchange="kk(this)"/></td>
<td><input name="b1" type="text" id="b1" size="8" /></td>
<td><input name="c1" type="text" id="c1" size="8" /></td>
<td><input name="d1" type="text" id="d1" size="8" /></td>
<td><input name="e1" type="text" id="e1" size="8" /></td>
<td><input name="f1" type="text" id="f1" value="17%" size="8" /></td>
<td><input name="g1" type="text" id="g1" size="8" /></td>
</tr>
<tr>
<td><input name="a2" type="text" id="a2" size="8" onchange="kk(this)" /></td>
<td><input name="b2" type="text" id="b2" size="8" /></td>
<td><input name="c2" type="text" id="c2" size="8" /></td>
<td><input name="d2" type="text" id="d2" size="8" /></td>
<td><input name="e2" type="text" id="e2" size="8" /></td>
<td><input name="f2" type="text" id="f2" value="17%" size="8" /></td>
<td><input name="g2" type="text" id="g2" size="8" /></td>
</tr>
</table>
var name = obj.name;
var x = name.substring(1,name.length); var y = "b"+x;
var z = "f"+x
var val = obj.value;
var vaz = "0."+document.getElementById(z).value.substring(0,2);
document.getElementById(y).value=eval(val) + eval(val*vaz);}这样就可以解决了,id是一样的,这就是给自己添麻烦啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title></head><body>
<input type="text" id="a1" onchange="one(1)" />
<input type="text" id="b1" onchange="two(1)"/>
<input type="text" id="c1" onchange="three(1)" />
<br />
<input type="text" id="a2" onchange="one(2)" />
<input type="text" id="b2" onchange="two(2)"/>
<input type="text" id="c2" onchange="three(2)" />
<script>
function $(id){return document.getElementById(id);}
function one(i){
$("b"+i).value=$("a"+i).value*5;
$("c"+i).value=$("a"+i).value*3;
}
function two(i){
$("a"+i).value=$("b"+i).value*5;
$("c"+i).value=$("b"+i).value*3;
}
function three(i){
$("a"+i).value=$("c"+i).value*5;
$("b"+i).value=$("c"+i).value*3;
}
</script></body>
</html>