小需求，高手帮忙解决上

2012-10-11

小需求，高手帮忙解决下需求如下：1、初始页面：2、在两个文本框中输入数据，然后点击按钮，显示第三行数据小水(

小需求，高手帮忙解决下
需求如下：
1、初始页面：

2、在两个文本框中输入数据，然后点击按钮，显示第三行数据

小水=(煤样第一次称重-煤样第二次称重)/煤样第一次称重

附页面代码：

HTML code

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body>    <center>    <form>    <table>    <tr>    <td style=" font-size:small; WIDTH: 45%; TEXT-ALIGN: right">第一次煤样称重:</td>    <td style="TEXT-ALIGN: left;size:12"><input type="text" name="firstweight"/></td>    </tr>    <tr>    <td style=" font-size:small; WIDTH: 45%; TEXT-ALIGN: right">第二次煤样称重:</td>    <td style="TEXT-ALIGN: left;size:12"><input type="text" name="firstweight"/></td>    </tr>         <tr>    <td style=" font-size:small; WIDTH: 45%; TEXT-ALIGN: right"></td>    <td style="TEXT-ALIGN: left;size:12">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="计算小水" name="firstweight"/></td>    </tr>    <tr style="display:none">    <td style=" font-size:small; WIDTH: 45%; TEXT-ALIGN: right">小水:</td>    <td style="TEXT-ALIGN: left;size:12"><input type="text" name="firstweight"/></td>    </tr>              </table>    </form>    </center></body></html>

[解决办法]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<script type="text/javascript">
window.onload=function(){
$('btn_js').onclick=function(){
//获得第一次煤样称重
var firstweight=$('txt_firstweight').value;
//获得第二次煤样称重
var twoweight=$('txt_twoweight').value;
//计算小水
var jg=accDiv(accSub(firstweight,twoweight),firstweight);
//将小水赋值给显示小水的文本框
$('txt_jg').value=jg;
//将隐藏的tr设置为显示
$('tr_msg').style.visibility='visible';
}
}

//获得元素公共函数
function $(o){
return document.getElementById(o);
}

//减法函数，用来得到精确的减法结果
//说明：javascript的减法结果会有误差，在两个浮点数相减的时候会比较明显。这个函数返回较为精确的减法结果。
//调用：accSub(arg1,arg2)
// 返回值：arg1加上arg2的精确结果
function accSub(arg1,arg2){
　　 var r1,r2,m,n;
　　 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));
　　 //last modify by deeka
　　 //动态控制精度长度
　　 n=(r1>=r2)?r1:r2;
　　 return ((arg1*m-arg2*m)/m).toFixed(n);
}

//除法函数，用来得到精确的除法结果
// 说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。
//调用：accDiv(arg1,arg2)
//返回值：arg1除以arg2的精确结果
function accDiv(arg1, arg2) {
var t1 = 0, t2 = 0, r1, r2;
try { t1 = arg1.toString().split(".")[1].length } catch (e) { }
try { t2 = arg2.toString().split(".")[1].length } catch (e) { }
with (Math) {
r1 = Number(arg1.toString().replace(".", ""))
r2 = Number(arg2.toString().replace(".", ""))
return (r1 / r2) * pow(10, t2 - t1);
}
}
</script>
</head>

<body>

<table>
<tr>
<td style=" font-size:small; WIDTH: 45%; TEXT-ALIGN: right">第一次煤样称重:</td>
<td style="TEXT-ALIGN: left;size:12"><input type="text" name="firstweight" id="txt_firstweight"/></td>
</tr>
<tr>
<td style=" font-size:small; WIDTH: 45%; TEXT-ALIGN: right">第二次煤样称重:</td>
<td style="TEXT-ALIGN: left;size:12"><input type="text" name="firstweight" id="txt_twoweight"/></td>
</tr>
<tr>
<td style=" font-size:small; WIDTH: 45%; TEXT-ALIGN: right"></td>
<td style="TEXT-ALIGN: left;size:12">         <input type="button" value="计算小水" name="firstweight" id="btn_js"/></td>
</tr>
<tr style="visibility:hidden" id="tr_msg">
<td style=" font-size:small; WIDTH: 45%; TEXT-ALIGN: right">小水:</td>
<td style="TEXT-ALIGN: left;size:12"><input type="text" name="firstweight" id="txt_jg"/></td>
</tr>
</table>
</body>
</html>

是这样吗？

热点排行

JavaScript

小需求，高手帮忙解决上